{"id":22,"date":"2026-03-09T09:01:24","date_gmt":"2026-03-09T09:01:24","guid":{"rendered":"https:\/\/demo5.softasist.com\/?page_id=22"},"modified":"2026-04-29T14:26:58","modified_gmt":"2026-04-29T14:26:58","slug":"ana-sayfa","status":"publish","type":"page","link":"https:\/\/demo5.softasist.com\/en\/","title":{"rendered":"Home Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d244ff1 e-con-full e-flex e-con e-parent\" data-id=\"d244ff1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cc1419f elementor-arrows-position-inside elementor-widget elementor-widget-image-carousel\" data-id=\"cc1419f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;navigation&quot;:&quot;arrows&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;effect&quot;:&quot;slide&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Resim D\u00f6ng\u00fcs\u00fc\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 \/ 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/1.png\" alt=\"1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 \/ 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/2.png\" alt=\"2\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 \/ 3\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/3.png\" alt=\"3\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a2c1c17 e-flex e-con-boxed e-con e-parent\" data-id=\"a2c1c17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10856b3 elementor-arrows-position-outside elementor-pagination-type-bullets elementor-pagination-position-outside elementor-widget elementor-widget-n-carousel\" data-id=\"10856b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;carousel_items&quot;:[{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;e96580c&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;874abc1&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;1fd63af&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;0918631&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;e87f5dc&quot;},{&quot;slide_title&quot;:&quot;Slide #1&quot;,&quot;_id&quot;:&quot;64b1a28&quot;}],&quot;slides_to_show&quot;:&quot;6&quot;,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;slides_to_show_tablet&quot;:&quot;3&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;offset_sides&quot;:&quot;none&quot;,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-carousel.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-carousel swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carousel\" dir=\"ltr\">\r\n\t\t\t<div class=\"swiper-wrapper\" aria-live=\"off\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6&#039;nin 1&#039;si\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-230223a e-flex e-con-boxed e-con e-child\" data-id=\"230223a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76cf2d0 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"76cf2d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/logo_metesolid.png\" class=\"attachment-full size-full wp-image-2051\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6&#039;nin 2&#039;si\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eabbd7f e-flex e-con-boxed e-con e-child\" data-id=\"eabbd7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-562e13c elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"562e13c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/logo_metesolid.png\" class=\"attachment-full size-full wp-image-2051\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6&#039;nin 3&#039;si\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b4beb44 e-flex e-con-boxed e-con e-child\" data-id=\"b4beb44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e7b7bd elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"3e7b7bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/logo_metebox.png\" class=\"attachment-full size-full wp-image-2049\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"4\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6&#039;nin 4&#039;si\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a1b063f e-flex e-con-boxed e-con e-child\" data-id=\"a1b063f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03e2de2 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"03e2de2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/logo_metebox.png\" class=\"attachment-full size-full wp-image-2049\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"5\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6&#039;nin 5&#039;si\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc77c02 e-flex e-con-boxed e-con e-child\" data-id=\"bc77c02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4aee43d elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"4aee43d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/logo_metebox.png\" class=\"attachment-full size-full wp-image-2049\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"6\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6&#039;nin 6&#039;si\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4533548 e-flex e-con-boxed e-con e-child\" data-id=\"4533548\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bce4c8 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"8bce4c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"250\" height=\"33\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/logo_metecee.png\" class=\"attachment-full size-full wp-image-2047\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"\u00d6nceki\">\r\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\r\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Sonraki\">\r\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a8b8fb e-flex e-con-boxed e-con e-parent\" data-id=\"1a8b8fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4296ed8 e-con-full e-flex e-con e-child\" data-id=\"4296ed8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a188a4 elementor-widget elementor-widget-cz_adv_button\" data-id=\"0a188a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_0a188a4             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_0a188a4 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_0a188a4 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_0a188a4 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_0a188a4 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_0a188a4 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_0a188a4 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_0a188a4 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_0a188a4 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_0a188a4 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_0a188a4 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_0a188a4 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_0a188a4 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_0a188a4 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_0a188a4 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_0a188a4 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_0a188a4 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_0a188a4 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_0a188a4 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_0a188a4 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_0a188a4 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_0a188a4 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_0a188a4 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_0a188a4 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_0a188a4 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_0a188a4 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_0a188a4 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_0a188a4 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_0a188a4 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_0a188a4 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_0a188a4 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_0a188a4 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_0a188a4 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_0a188a4 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_0a188a4 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_0a188a4 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_0a188a4 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_0a188a4 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_0a188a4 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_0a188a4 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_0a188a4 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_0a188a4 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_0a188a4 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_0a188a4 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_0a188a4 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_0a188a4 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_0a188a4 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_0a188a4 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_0a188a4 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_0a188a4 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_0a188a4 .cz-btn,\r\n                #czbtn_0a188a4 .cz-btn::before,\r\n                #czbtn_0a188a4 .cz-btn::after,\r\n                #czbtn_0a188a4 .cz-btn__icon,\r\n                #czbtn_0a188a4 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_0a188a4\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-sm cz-btn--icon-right cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">METE ENERJ\u0130<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    \r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_0a188a4');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39cb291 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"39cb291\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00dcr\u00fcnler<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2040f62 e-con-full e-flex e-con e-child\" data-id=\"2040f62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4ab6ef elementor-widget elementor-widget-cz_cat_tabs\" data-id=\"a4ab6ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_cat_tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/*\r\n             * v2.3 \u2014 Sadece YAPISAL \/ LAYOUT CSS burada.\r\n             * T\u00fcm g\u00f6rsel de\u011ferler (renk, tipografi, border-color, background, shadow, radius vb.)\r\n             * Elementor controls \u2192 selectors \u00fczerinden gelir.\r\n             * B\u00f6ylece Elementor panelindeki de\u011fi\u015fiklikler CSS specificity y\u00fcz\u00fcnden ezilmez.\r\n             *\r\n             * NOT: --cz-arrow CSS de\u011fi\u015fkeni sadece hover efektlerinde kullan\u0131l\u0131r.\r\n             *\/\r\n            #cz_a4ab6ef{\r\n                --cz-gap:20px;\r\n                --cz-cols-d:4;\r\n                --cz-cols-t:2;\r\n                --cz-cols-m:1;\r\n                --cz-anim-dur:300ms;\r\n                --cz-tab-spd:220ms;\r\n                --cz-card-spd:250ms;\r\n                --cz-arrow:#1344b8;\r\n            }\r\n\r\n            \/* \u2500\u2500 Sekme Navigasyon \u2500\u2500 *\/\r\n            #cz_a4ab6ef .cz-tabs-outer{\r\n                position:relative;\r\n                margin-bottom:24px;\r\n                display:flex;\r\n                align-items:center;\r\n                gap:8px;\r\n            }\r\n            #cz_a4ab6ef .cz-tabs-viewport{\r\n                flex:1;\r\n                overflow:hidden;\r\n                min-width:0;\r\n            }\r\n            #cz_a4ab6ef .cz-tabs-scroll{\r\n                display:flex;\r\n                gap:8px;\r\n                                flex-wrap:nowrap;\r\n                will-change:transform;\r\n                            }\r\n            #cz_a4ab6ef .cz-tabs-scroll::-webkit-scrollbar{display:none;}\r\n\r\n            \/* Tab ok butonlar\u0131 \u2014 yap\u0131sal *\/\r\n            #cz_a4ab6ef .cz-tab-arrow{\r\n                flex-shrink:0;\r\n                width:32px;height:32px;border-radius:50%;\r\n                border-width:1.5px;border-style:solid;\r\n                display:flex;align-items:center;justify-content:center;\r\n                cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1);\r\n                transition:all .2s;padding:0;\r\n            }\r\n            #cz_a4ab6ef .cz-tab-arrow:hover{\r\n                background:var(--cz-arrow);border-color:var(--cz-arrow);\r\n            }\r\n            #cz_a4ab6ef .cz-tab-arrow:hover svg{stroke:#fff;}\r\n            #cz_a4ab6ef .cz-tab-arrow[disabled]{opacity:.3;pointer-events:none;}\r\n            #cz_a4ab6ef .cz-tab-arrow svg{width:14px;height:14px;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}\r\n\r\n            \/* Sekme \u2014 yap\u0131sal *\/\r\n            #cz_a4ab6ef .cz-tab{\r\n                display:flex;flex-direction:column;align-items:center;gap:6px;\r\n                border-width:2px;border-style:solid;\r\n                cursor:pointer;\r\n                white-space:normal;text-align:center;\r\n                flex-shrink:0;\r\n                box-sizing:border-box;\r\n                transition:background var(--cz-tab-spd), border-color var(--cz-tab-spd),\r\n                            color var(--cz-tab-spd), transform var(--cz-tab-spd), box-shadow var(--cz-tab-spd);\r\n                position:relative;overflow:hidden;\r\n            }\r\n            #cz_a4ab6ef .cz-tab-img{border-radius:50%;object-fit:cover;border:2px solid #eee;}\r\n            #cz_a4ab6ef .cz-tab-img-placeholder{\r\n                border-radius:50%;background:#F0F0F0;\r\n                display:flex;align-items:center;justify-content:center;border:2px solid #eee;\r\n            }\r\n            #cz_a4ab6ef .cz-tab-img-placeholder svg{width:40%;height:40%;fill:none;stroke:#ccc;stroke-width:2;}\r\n            #cz_a4ab6ef .cz-tab-label{\r\n                transition:color var(--cz-tab-spd);\r\n                word-break:break-word;\r\n                overflow-wrap:break-word;\r\n                hyphens:auto;\r\n                line-height:1.3;\r\n            }\r\n\r\n            \/* Aktif indicator \u2014 renk\/boyut Elementor'dan gelir *\/\r\n            \r\n            \/* Ripple *\/\r\n            #cz_a4ab6ef .cz-ripple{\r\n                position:absolute;border-radius:50%;background:rgba(255,255,255,.35);\r\n                transform:scale(0);animation:cz-ripple .45s linear;pointer-events:none;\r\n            }\r\n            @keyframes cz-ripple{to{transform:scale(4);opacity:0;}}\r\n\r\n            \/* \u2500\u2500 Panel \u2500\u2500 *\/\r\n            #cz_a4ab6ef .cz-panel{display:none !important;}\r\n            #cz_a4ab6ef .cz-panel.active{display:block !important;}\r\n            \/* Animasyon sadece sekme t\u0131klamayla a\u00e7\u0131ld\u0131\u011f\u0131nda (JS class ekler) *\/\r\n            #cz_a4ab6ef .cz-panel.active.cz-animated{\r\n                animation:cz-panel-fade var(--cz-anim-dur) ease both;\r\n            }\r\n            @keyframes cz-panel-fade{from{opacity:0;}to{opacity:1;}}\r\n            @keyframes cz-panel-slide-up{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}\r\n            @keyframes cz-panel-slide-down{from{opacity:0;transform:translateY(-16px);}to{opacity:1;transform:translateY(0);}}\r\n            @keyframes cz-panel-zoom{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}\r\n            @keyframes cz-panel-none{from{opacity:1;}to{opacity:1;}}\r\n\r\n            \/* \u2500\u2500 Slider track \u2014 mobile-first \u2500\u2500 *\/\r\n            #cz_a4ab6ef .cz-slider-outer{position:relative;padding:0;}\r\n            #cz_a4ab6ef .cz-slider-track{\r\n                display:grid;\r\n                grid-template-columns:repeat(var(--cz-cols-m),1fr);\r\n                gap:var(--cz-gap);\r\n                overflow:hidden;\r\n            }\r\n            @media(min-width:768px){\r\n                #cz_a4ab6ef .cz-slider-track{grid-template-columns:repeat(var(--cz-cols-t),1fr);}\r\n            }\r\n            @media(min-width:1025px){\r\n                #cz_a4ab6ef .cz-slider-outer{padding:0 44px;}\r\n                #cz_a4ab6ef .cz-slider-track{grid-template-columns:repeat(var(--cz-cols-d),1fr);}\r\n            }\r\n\r\n            \/* \u2500\u2500 Kart \u2014 metefilter tasar\u0131m uyumu \u2500\u2500 *\/\r\n            #cz_a4ab6ef .cz-card{\r\n                display:flex;flex-direction:column;\r\n                border-style:solid;\r\n                contain:content;\r\n            }\r\n            \/* G\u00f6rsel: tam g\u00f6r\u00fcn\u00fcr, k\u0131rpma yok, beyaz arka plan *\/\r\n            #cz_a4ab6ef .cz-card-img-wrap{\r\n                position:relative;width:100%;overflow:hidden;background:#fff;\r\n                border-bottom:1px solid #F0F4FA;\r\n            }\r\n            #cz_a4ab6ef .cz-card-img-wrap img{\r\n                position:absolute;inset:0;width:100%;height:100%;\r\n                object-fit:contain;padding:16px;\r\n                transition:opacity var(--cz-card-spd) ease;\r\n            }\r\n            #cz_a4ab6ef .cz-card:hover .cz-card-img-wrap img{opacity:0.9;}\r\n            #cz_a4ab6ef .cz-card-img-placeholder{\r\n                position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#FAFBFD;\r\n            }\r\n            #cz_a4ab6ef .cz-card-img-placeholder svg{width:40px;height:40px;fill:none;stroke:#D1D5DB;stroke-width:1.5;}\r\n            #cz_a4ab6ef .cz-card-body{flex:1;display:flex;flex-direction:column;padding:16px;}\r\n            \/* Kategori badge \u2014 metefilter uyumlu *\/\r\n            #cz_a4ab6ef .cz-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}\r\n            #cz_a4ab6ef .cz-meta-item{\r\n                display:inline-flex;align-items:center;gap:0;\r\n                font-size:11px;border:1px solid #E8ECF2;border-radius:20px;\r\n                overflow:hidden;background:#fff;\r\n                transition:border-color 0.2s ease;\r\n            }\r\n            #cz_a4ab6ef .cz-meta-item:hover{border-color:#9CA3AF;}\r\n            #cz_a4ab6ef .cz-meta-label{\r\n                color:#fff;font-weight:500;\r\n                padding:4px 10px;white-space:nowrap;line-height:1.3;font-size:11px;\r\n            }\r\n            #cz_a4ab6ef .cz-meta-value{\r\n                color:#374151;font-weight:600;margin:0;\r\n                padding:4px 10px 4px 8px;white-space:nowrap;line-height:1.3;font-size:11px;\r\n            }\r\n            #cz_a4ab6ef .cz-meta-sep{display:none;}\r\n            #cz_a4ab6ef .cz-meta-dot{display:none;}\r\n            #cz_a4ab6ef .cz-meta-icon{display:none;}\r\n            \/* Kategori \u2014 tek ba\u015f\u0131na badge (meta repeater yoksa) *\/\r\n            #cz_a4ab6ef .cz-card-category{\r\n                display:inline-block;padding:3px 12px;font-size:11px;font-weight:600;\r\n                letter-spacing:0.3px;text-transform:uppercase;color:#fff;\r\n                background:#4B5563;border-radius:20px;margin-bottom:8px;line-height:1.4;\r\n            }\r\n            \/* Ba\u015fl\u0131k *\/\r\n            #cz_a4ab6ef .cz-card-title{line-height:1.4;margin-bottom:8px;font-weight:600;font-size:15px;}\r\n            #cz_a4ab6ef .cz-card-title a{color:#1B3A6B;text-decoration:none;transition:color 0.2s ease;}\r\n            #cz_a4ab6ef .cz-card-title a:hover{color:#EE2D24;}\r\n            \/* A\u00e7\u0131klama *\/\r\n            #cz_a4ab6ef .cz-card-excerpt{line-height:1.6;margin-bottom:12px;flex:1;color:#6B7280;font-size:13px;}\r\n            \/* Spec badge \u2014 metefilter uyumlu *\/\r\n            #cz_a4ab6ef .cz-card-specs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;}\r\n            #cz_a4ab6ef .cz-spec-badge{\r\n                display:inline-flex;align-items:center;gap:0;\r\n                font-size:11px;border:1px solid #E8ECF2;border-radius:20px;\r\n                overflow:hidden;background:#fff;transition:border-color 0.2s ease;\r\n            }\r\n            #cz_a4ab6ef .cz-spec-badge:hover{border-color:#9CA3AF;}\r\n            #cz_a4ab6ef .cz-spec-label{\r\n                color:#fff;font-weight:500;background:#6B7280;\r\n                padding:4px 10px;white-space:nowrap;line-height:1.3;\r\n            }\r\n            #cz_a4ab6ef .cz-spec-value{\r\n                color:#374151;font-weight:600;margin:0;\r\n                padding:4px 10px 4px 8px;white-space:nowrap;line-height:1.3;\r\n            }\r\n            \/* Footer & Buton \u2014 full width *\/\r\n            #cz_a4ab6ef .cz-card-footer{margin-top:auto;}\r\n            #cz_a4ab6ef .cz-card-btn{\r\n                display:flex;align-items:center;justify-content:center;gap:6px;\r\n                width:100%;padding:11px 22px;box-sizing:border-box;\r\n                text-decoration:none;font-weight:600;font-size:13px;font-family:inherit;\r\n                border:none;border-radius:6px;cursor:pointer;\r\n                transition:background-color 0.25s ease;\r\n            }\r\n            #cz_a4ab6ef .cz-card-btn:hover{background:#EE2D24 !important;opacity:1;}\r\n            #cz_a4ab6ef .cz-card-btn svg{transition:transform 0.2s ease;flex-shrink:0;}\r\n            #cz_a4ab6ef .cz-card-btn:hover svg{transform:translateX(3px);}\r\n            \/* Gradient top bar *\/\r\n            #cz_a4ab6ef .cz-card::before{\r\n                content:'';display:block;height:3px;flex-shrink:0;\r\n                background:linear-gradient(90deg,#165FA4,#EE2D24,#165FA4);\r\n                background-size:200% 100%;\r\n                animation:cz-gradient-slide 3s ease infinite;\r\n            }\r\n            @keyframes cz-gradient-slide{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}\r\n\r\n            \/* \u2500\u2500 Slider Ok \u2014 mobile-first \u2500\u2500 *\/\r\n            #cz_a4ab6ef .cz-arrow{\r\n                display:flex;\r\n                width:36px;height:36px;border-radius:50%;\r\n                border-width:1.5px;border-style:solid;\r\n                align-items:center;justify-content:center;cursor:pointer;\r\n                transition:border-color .2s, background .2s;\r\n                box-shadow:0 1px 4px rgba(0,0,0,.08);padding:0;\r\n                flex-shrink:0;\r\n            }\r\n            #cz_a4ab6ef .cz-arrow:hover{box-shadow:0 2px 8px rgba(0,0,0,.12);}\r\n            #cz_a4ab6ef .cz-arrow svg{width:14px;height:14px;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}\r\n            #cz_a4ab6ef .cz-arrow[disabled]{opacity:.35;pointer-events:none;}\r\n\r\n            \/* Mobil: yan oklar\u0131 gizle, alt navigasyon g\u00f6ster *\/\r\n            #cz_a4ab6ef .cz-arrow-side{display:none;}\r\n            #cz_a4ab6ef .cz-nav-bottom{\r\n                display:flex;align-items:center;justify-content:center;\r\n                gap:12px;margin-top:16px;\r\n            }\r\n\r\n            \/* Desktop: yan oklar g\u00f6ster *\/\r\n            @media(min-width:1025px){\r\n                #cz_a4ab6ef .cz-arrow-side{\r\n                    display:flex;\r\n                    position:absolute;top:50%;transform:translateY(-50%);z-index:10;\r\n                    width:38px;height:38px;\r\n                }\r\n                #cz_a4ab6ef .cz-arrow-side.cz-arrow-prev{left:0;}\r\n                #cz_a4ab6ef .cz-arrow-side.cz-arrow-next{right:0;}\r\n                #cz_a4ab6ef .cz-nav-bottom .cz-arrow{display:none;}\r\n            }\r\n\r\n            \/* \u2500\u2500 Dots \u2500\u2500 *\/\r\n            #cz_a4ab6ef .cz-dots{\r\n                display:flex;\r\n                align-items:center;gap:6px;order:2;\r\n            }\r\n            #cz_a4ab6ef .cz-dot{\r\n                width:8px;height:8px;border-radius:50%;background:#D8D8D8;\r\n                border:none;cursor:pointer;padding:0;transition:all .25s;\r\n            }\r\n            #cz_a4ab6ef .cz-dot.active{width:22px;border-radius:4px;}\r\n\r\n            #cz_a4ab6ef .cz-empty{text-align:center;padding:48px 24px;color:#999;font-size:14px;}\r\n            <\/style>\r\n\r\n            <div id=\"cz_a4ab6ef\">\r\n\r\n              <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 SEKMELER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n              <div class=\"cz-tabs-outer\">\r\n\r\n                                                <button class=\"cz-tab-arrow cz-tab-arrow-prev\" disabled>\r\n                  <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                <\/button>\r\n                \r\n                                <div class=\"cz-tabs-viewport\">\r\n                  <div class=\"cz-tabs-scroll\" role=\"tablist\">\r\n                                        <div class=\"cz-tab active\"\r\n                         role=\"tab\"\r\n                         data-panel=\"cz_a4ab6ef_p_101\"\r\n                         aria-selected=\"true\"\r\n                         tabindex=\"0\">\r\n  <img decoding=\"async\" class=\"cz-tab-img\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/termoplastik-ve-aluminyum-boatlar-150x150.jpg\"\r\n       alt=\"Al\u00fcminyum ve Termoplastik Buatlar\"\r\n       width=\"150\" height=\"150\">\r\n                      <span class=\"cz-tab-label\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                    <\/div>\r\n                                        <div class=\"cz-tab\"\r\n                         role=\"tab\"\r\n                         data-panel=\"cz_a4ab6ef_p_161\"\r\n                         aria-selected=\"false\"\r\n                         tabindex=\"-1\">\r\n  <img decoding=\"async\" class=\"cz-tab-img\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/endustriyel-fis-ve-prizler-150x150.jpg\"\r\n       alt=\"CEE Norm Fi\u015fler ve Prizler\"\r\n       width=\"150\" height=\"150\">\r\n                      <span class=\"cz-tab-label\">CEE Norm Fi\u015fler ve Prizler<\/span>\r\n                    <\/div>\r\n                                        <div class=\"cz-tab\"\r\n                         role=\"tab\"\r\n                         data-panel=\"cz_a4ab6ef_p_200\"\r\n                         aria-selected=\"false\"\r\n                         tabindex=\"-1\">\r\n  <img decoding=\"async\" class=\"cz-tab-img\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/ex-proof-aluminyum-buatlar-150x150.webp\"\r\n       alt=\"Ex-proof Al\u00fcminyum Buatlar\"\r\n       width=\"150\" height=\"150\">\r\n                      <span class=\"cz-tab-label\">Ex-proof Al\u00fcminyum Buatlar<\/span>\r\n                    <\/div>\r\n                                        <div class=\"cz-tab\"\r\n                         role=\"tab\"\r\n                         data-panel=\"cz_a4ab6ef_p_264\"\r\n                         aria-selected=\"false\"\r\n                         tabindex=\"-1\">\r\n  <img loading=\"lazy\" decoding=\"async\" class=\"cz-tab-img\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/kaucuk-fis-ve-prizler-150x150.jpg\"\r\n       alt=\"Kau\u00e7uk Fi\u015fler ve Prizler\"\r\n       width=\"150\" height=\"150\">\r\n                      <span class=\"cz-tab-label\">Kau\u00e7uk Fi\u015fler ve Prizler<\/span>\r\n                    <\/div>\r\n                                        <div class=\"cz-tab\"\r\n                         role=\"tab\"\r\n                         data-panel=\"cz_a4ab6ef_p_146\"\r\n                         aria-selected=\"false\"\r\n                         tabindex=\"-1\">\r\n  <img loading=\"lazy\" decoding=\"async\" class=\"cz-tab-img\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/nemliyer-anahtar-ve-prizler-150x150.jpg\"\r\n       alt=\"Nemliyer Anahtarlar ve Prizler\"\r\n       width=\"150\" height=\"150\">\r\n                      <span class=\"cz-tab-label\">Nemliyer Anahtarlar ve Prizler<\/span>\r\n                    <\/div>\r\n                                        <div class=\"cz-tab\"\r\n                         role=\"tab\"\r\n                         data-panel=\"cz_a4ab6ef_p_91\"\r\n                         aria-selected=\"false\"\r\n                         tabindex=\"-1\">\r\n  <img loading=\"lazy\" decoding=\"async\" class=\"cz-tab-img\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/yuksek-akim-150x150.jpg\"\r\n       alt=\"Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler\"\r\n       width=\"150\" height=\"150\">\r\n                      <span class=\"cz-tab-label\">Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler<\/span>\r\n                    <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                                                <button class=\"cz-tab-arrow cz-tab-arrow-next\">\r\n                  <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                <\/button>\r\n                \r\n              <\/div>\r\n\r\n              <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PANELLER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n                            <div class=\"cz-panel active\"\r\n                   id=\"cz_a4ab6ef_p_101\"\r\n                   role=\"tabpanel\"\r\n                   data-cols-d=\"4\"\r\n                   data-cols-t=\"2\"\r\n                   data-cols-m=\"1\">\r\n\r\n                \r\n                <div class=\"cz-slider-outer\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-side\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                  <button class=\"cz-arrow cz-arrow-next cz-arrow-side\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                  \r\n                  <div class=\"cz-slider-track\">\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/500161-300x300.webp\"\r\n                               alt=\"500161 &#8211; Metal Montaj Plakas\u0131 250x350x150 mm Pano i\u00e7in\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500161-metal-montaj-plakasi-250x350x150-mm-pano-icin\/\">\r\n                            500161 &#8211; Metal Montaj Plakas\u0131 250x350x150 mm Pano i\u00e7in                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500161-metal-montaj-plakasi-250x350x150-mm-pano-icin\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/50017105-300x300.webp\"\r\n                               alt=\"50017105 &#8211; 250X350X150 Mod\u00fcler Panonun Din Ray\u0131+ Plastik Perde 18 (8X2)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/50017105-250x350x150-moduler-panonun-din-rayi-plastik-perde-18-8x2\/\">\r\n                            50017105 &#8211; 250X350X150 Mod\u00fcler Panonun Din Ray\u0131+ Plastik Perde 18 (8X2)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/50017105-250x350x150-moduler-panonun-din-rayi-plastik-perde-18-8x2\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/50018105-300x300.webp\"\r\n                               alt=\"50018105 &#8211; \u00dc\u00e7gen Anahtar\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/50018105-ucgen-anahtar\/\">\r\n                            50018105 &#8211; \u00dc\u00e7gen Anahtar                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/50018105-ucgen-anahtar\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/500164-300x300.webp\"\r\n                               alt=\"500164 &#8211; Metal Montaj Plakas\u0131 350x500x190 mm Pano i\u00e7in\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500164-metal-montaj-plakasi-350x500x190-mm-pano-icin\/\">\r\n                            500164 &#8211; Metal Montaj Plakas\u0131 350x500x190 mm Pano i\u00e7in                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500164-metal-montaj-plakasi-350x500x190-mm-pano-icin\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/500169-300x300.webp\"\r\n                               alt=\"500169 &#8211; Metal Montaj Plakas\u0131 500x700x250 mm Pano i\u00e7in\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500169-metal-montaj-plakasi-500x700x250-mm-pano-icin\/\">\r\n                            500169 &#8211; Metal Montaj Plakas\u0131 500x700x250 mm Pano i\u00e7in                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500169-metal-montaj-plakasi-500x700x250-mm-pano-icin\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/500160-300x300.webp\"\r\n                               alt=\"500160 &#8211; Metal Montaj Plakas\u0131 200x300x130 mm Pano i\u00e7in\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500160-metal-montaj-plakasi-200x300x130-mm-pano-icin\/\">\r\n                            500160 &#8211; Metal Montaj Plakas\u0131 200x300x130 mm Pano i\u00e7in                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/500160-metal-montaj-plakasi-200x300x130-mm-pano-icin\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                                <div class=\"cz-nav-bottom\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-bottom-prev\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                                                      <div class=\"cz-dots\">\r\n                                        <button class=\"cz-dot active\"\r\n                            data-page=\"0\"><\/button>\r\n                                        <button class=\"cz-dot\"\r\n                            data-page=\"1\"><\/button>\r\n                                      <\/div>\r\n                                                      <button class=\"cz-arrow cz-arrow-next cz-arrow-bottom-next\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                                  <\/div>\r\n                \r\n                              <\/div>\r\n                            <div class=\"cz-panel\"\r\n                   id=\"cz_a4ab6ef_p_161\"\r\n                   role=\"tabpanel\"\r\n                   data-cols-d=\"4\"\r\n                   data-cols-t=\"2\"\r\n                   data-cols-m=\"1\">\r\n\r\n                \r\n                <div class=\"cz-slider-outer\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-side\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                  <button class=\"cz-arrow cz-arrow-next cz-arrow-side\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                  \r\n                  <div class=\"cz-slider-track\">\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/406434V-300x300.webp\"\r\n                               alt=\"406434V &#8211; CEE D\u00fcz Uzatma Prizi 32A 20-25V 2P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">CEE Norm Fi\u015fler ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406434v-cee-duz-uzatma-prizi-32a-20-25v-2p-ip44-vidali-baglanti\/\">\r\n                            406434V &#8211; CEE D\u00fcz Uzatma Prizi 32A 20-25V 2P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406434v-cee-duz-uzatma-prizi-32a-20-25v-2p-ip44-vidali-baglanti\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/406134V-300x300.webp\"\r\n                               alt=\"406134V &#8211; CEE D\u00fcz Fi\u015f 16A 20-25V 3P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">CEE Norm Fi\u015fler ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406134v-cee-duz-fis-16a-20-25v-3p-ip44-vidali-baglanti\/\">\r\n                            406134V &#8211; CEE D\u00fcz Fi\u015f 16A 20-25V 3P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406134v-cee-duz-fis-16a-20-25v-3p-ip44-vidali-baglanti\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/406556V-300x300.webp\"\r\n                               alt=\"406556V &#8211; CEE D\u00fcz Makine Prizi 32A 20-25V 3P &#8211; IP54 Vidal\u0131 Ba\u011flant\u0131 (54mmx60mm)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">CEE Norm Fi\u015fler ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406556v-cee-duz-makine-prizi-32a-20-25v-3p-ip54-vidali-baglanti-54mmx60mm\/\">\r\n                            406556V &#8211; CEE D\u00fcz Makine Prizi 32A 20-25V 3P &#8211; IP54 Vidal\u0131 Ba\u011flant\u0131 (54mmx60mm)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406556v-cee-duz-makine-prizi-32a-20-25v-3p-ip54-vidali-baglanti-54mmx60mm\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/406431V-300x300.webp\"\r\n                               alt=\"406431V &#8211; CEE D\u00fcz Uzatma Prizi 16A 20-25V 2P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">CEE Norm Fi\u015fler ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406431v-cee-duz-uzatma-prizi-16a-20-25v-2p-ip44-vidali-baglanti\/\">\r\n                            406431V &#8211; CEE D\u00fcz Uzatma Prizi 16A 20-25V 2P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406431v-cee-duz-uzatma-prizi-16a-20-25v-2p-ip44-vidali-baglanti\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/406433V-300x300.webp\"\r\n                               alt=\"406433V &#8211; CEE D\u00fcz Uzatma Prizi 16A 20-25V 3P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">CEE Norm Fi\u015fler ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406433v-cee-duz-uzatma-prizi-16a-20-25v-3p-ip44-vidali-baglanti\/\">\r\n                            406433V &#8211; CEE D\u00fcz Uzatma Prizi 16A 20-25V 3P &#8211; IP44 Vidal\u0131 Ba\u011flant\u0131                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406433v-cee-duz-uzatma-prizi-16a-20-25v-3p-ip44-vidali-baglanti\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/406437V-300x300.webp\"\r\n                               alt=\"406437V &#8211; CEE D\u00fcz Uzatma Prizi 32A 20-25V 3P &#8211; IP67 Vidal\u0131 Ba\u011flant\u0131\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">CEE Norm Fi\u015fler ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406437v-cee-duz-uzatma-prizi-32a-20-25v-3p-ip67-vidali-baglanti\/\">\r\n                            406437V &#8211; CEE D\u00fcz Uzatma Prizi 32A 20-25V 3P &#8211; IP67 Vidal\u0131 Ba\u011flant\u0131                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/406437v-cee-duz-uzatma-prizi-32a-20-25v-3p-ip67-vidali-baglanti\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                                <div class=\"cz-nav-bottom\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-bottom-prev\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                                                      <div class=\"cz-dots\">\r\n                                        <button class=\"cz-dot active\"\r\n                            data-page=\"0\"><\/button>\r\n                                        <button class=\"cz-dot\"\r\n                            data-page=\"1\"><\/button>\r\n                                      <\/div>\r\n                                                      <button class=\"cz-arrow cz-arrow-next cz-arrow-bottom-next\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                                  <\/div>\r\n                \r\n                              <\/div>\r\n                            <div class=\"cz-panel\"\r\n                   id=\"cz_a4ab6ef_p_200\"\r\n                   role=\"tabpanel\"\r\n                   data-cols-d=\"4\"\r\n                   data-cols-t=\"2\"\r\n                   data-cols-m=\"1\">\r\n\r\n                \r\n                <div class=\"cz-slider-outer\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-side\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                  <button class=\"cz-arrow cz-arrow-next cz-arrow-side\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                  \r\n                  <div class=\"cz-slider-track\">\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/AExe402508-300x300.webp\"\r\n                               alt=\"AExe402508 &#8211; Atex Al\u00fcminyum Buat\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402508-atex-aluminyum-buat\/\">\r\n                            AExe402508 &#8211; Atex Al\u00fcminyum Buat                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402508-atex-aluminyum-buat\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/AExe402556-300x300.webp\"\r\n                               alt=\"AExe402556 &#8211; Atex Al\u00fcminyum Buat\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402556-atex-aluminyum-buat\/\">\r\n                            AExe402556 &#8211; Atex Al\u00fcminyum Buat                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402556-atex-aluminyum-buat\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/AExe402520-300x300.webp\"\r\n                               alt=\"AExe402520 &#8211; Atex Al\u00fcminyum Buat\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402520-atex-aluminyum-buat\/\">\r\n                            AExe402520 &#8211; Atex Al\u00fcminyum Buat                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402520-atex-aluminyum-buat\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/AExe402540-300x300.webp\"\r\n                               alt=\"AExe402540 &#8211; Atex Al\u00fcminyum Buat\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402540-atex-aluminyum-buat\/\">\r\n                            AExe402540 &#8211; Atex Al\u00fcminyum Buat                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402540-atex-aluminyum-buat\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/AExe402524-300x300.webp\"\r\n                               alt=\"AExe402524 &#8211; Atex Al\u00fcminyum Buat\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402524-atex-aluminyum-buat\/\">\r\n                            AExe402524 &#8211; Atex Al\u00fcminyum Buat                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402524-atex-aluminyum-buat\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/AExe402530-300x300.webp\"\r\n                               alt=\"AExe402530 &#8211; Atex Al\u00fcminyum Buat\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Al\u00fcminyum ve Termoplastik Buatlar<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402530-atex-aluminyum-buat\/\">\r\n                            AExe402530 &#8211; Atex Al\u00fcminyum Buat                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/aexe402530-atex-aluminyum-buat\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                                <div class=\"cz-nav-bottom\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-bottom-prev\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                                                      <div class=\"cz-dots\">\r\n                                        <button class=\"cz-dot active\"\r\n                            data-page=\"0\"><\/button>\r\n                                        <button class=\"cz-dot\"\r\n                            data-page=\"1\"><\/button>\r\n                                      <\/div>\r\n                                                      <button class=\"cz-arrow cz-arrow-next cz-arrow-bottom-next\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                                  <\/div>\r\n                \r\n                              <\/div>\r\n                            <div class=\"cz-panel\"\r\n                   id=\"cz_a4ab6ef_p_264\"\r\n                   role=\"tabpanel\"\r\n                   data-cols-d=\"4\"\r\n                   data-cols-t=\"2\"\r\n                   data-cols-m=\"1\">\r\n\r\n                \r\n                <div class=\"cz-slider-outer\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-side\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                  <button class=\"cz-arrow cz-arrow-next cz-arrow-side\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                  \r\n                  <div class=\"cz-slider-track\">\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/401030-300x300.webp\"\r\n                               alt=\"401030 &#8211; Kau\u00e7uk Duvar Prizi 3P+E 16A\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">380-415V 16-25-32AKAU\u00c7UK F\u0130\u015e VEPR\u0130ZLER<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401030-kaucuk-duvar-prizi-3pe-16a\/\">\r\n                            401030 &#8211; Kau\u00e7uk Duvar Prizi 3P+E 16A                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401030-kaucuk-duvar-prizi-3pe-16a\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/401052-300x300.webp\"\r\n                               alt=\"401052 &#8211; 3x25A:3 adet Kau\u00e7uk 3 &#8216;l\u00fc Grup Priz  3P+E 25A\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">380-415V 16-25-32AKAU\u00c7UK F\u0130\u015e VEPR\u0130ZLER<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401052-3x25a3-adet-kaucuk-3-lu-grup-priz-3pe-25a\/\">\r\n                            401052 &#8211; 3x25A:3 adet Kau\u00e7uk 3 &#8216;l\u00fc Grup Priz  3P+E 25A                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401052-3x25a3-adet-kaucuk-3-lu-grup-priz-3pe-25a\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/401042-300x300.webp\"\r\n                               alt=\"401042 &#8211; Kau\u00e7uk Makine Prizi 3P+E 25A\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">380-415V 16-25-32AKAU\u00c7UK F\u0130\u015e VEPR\u0130ZLER<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401042-kaucuk-makine-prizi-3pe-25a\/\">\r\n                            401042 &#8211; Kau\u00e7uk Makine Prizi 3P+E 25A                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401042-kaucuk-makine-prizi-3pe-25a\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/401040-300x300.webp\"\r\n                               alt=\"401040 &#8211; Kau\u00e7uk Makine Prizi 3P+E 16A\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">380-415V 16-25-32AKAU\u00c7UK F\u0130\u015e VEPR\u0130ZLER<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401040-kaucuk-makine-prizi-3pe-16a\/\">\r\n                            401040 &#8211; Kau\u00e7uk Makine Prizi 3P+E 16A                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401040-kaucuk-makine-prizi-3pe-16a\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/401041-300x300.webp\"\r\n                               alt=\"401041 &#8211; Kau\u00e7uk Makine Prizi 3P+E 32A\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">380-415V 16-25-32AKAU\u00c7UK F\u0130\u015e VEPR\u0130ZLER<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401041-kaucuk-makine-prizi-3pe-32a\/\">\r\n                            401041 &#8211; Kau\u00e7uk Makine Prizi 3P+E 32A                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401041-kaucuk-makine-prizi-3pe-32a\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/401001-300x300.webp\"\r\n                               alt=\"401001 &#8211; D\u00fcz Kau\u00e7uk Fi\u015f 3P+E 16A\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">380-415V 16-25-32AKAU\u00c7UK F\u0130\u015e VEPR\u0130ZLER<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401001-duz-kaucuk-fis-3pe-16a\/\">\r\n                            401001 &#8211; D\u00fcz Kau\u00e7uk Fi\u015f 3P+E 16A                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/401001-duz-kaucuk-fis-3pe-16a\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                                <div class=\"cz-nav-bottom\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-bottom-prev\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                                                      <div class=\"cz-dots\">\r\n                                        <button class=\"cz-dot active\"\r\n                            data-page=\"0\"><\/button>\r\n                                        <button class=\"cz-dot\"\r\n                            data-page=\"1\"><\/button>\r\n                                      <\/div>\r\n                                                      <button class=\"cz-arrow cz-arrow-next cz-arrow-bottom-next\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                                  <\/div>\r\n                \r\n                              <\/div>\r\n                            <div class=\"cz-panel\"\r\n                   id=\"cz_a4ab6ef_p_146\"\r\n                   role=\"tabpanel\"\r\n                   data-cols-d=\"4\"\r\n                   data-cols-t=\"2\"\r\n                   data-cols-m=\"1\">\r\n\r\n                \r\n                <div class=\"cz-slider-outer\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-side\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                  <button class=\"cz-arrow cz-arrow-next cz-arrow-side\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                  \r\n                  <div class=\"cz-slider-track\">\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/40502905-300x300.webp\"\r\n                               alt=\"40502905 &#8211; I\u015f\u0131kl\u0131 Anahtar + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Nemliyer Anahtarlar ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40502905-isikli-anahtar-kapakli-toprakli-priz-yatay\/\">\r\n                            40502905 &#8211; I\u015f\u0131kl\u0131 Anahtar + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40502905-isikli-anahtar-kapakli-toprakli-priz-yatay\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/40502505-300x300.webp\"\r\n                               alt=\"40502505 &#8211; Anahtar + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Nemliyer Anahtarlar ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40502505-anahtar-kapakli-toprakli-priz-yatay\/\">\r\n                            40502505 &#8211; Anahtar + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40502505-anahtar-kapakli-toprakli-priz-yatay\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/40503005-300x300.webp\"\r\n                               alt=\"40503005 &#8211; Vavien + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Nemliyer Anahtarlar ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40503005-vavien-kapakli-toprakli-priz-yatay\/\">\r\n                            40503005 &#8211; Vavien + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40503005-vavien-kapakli-toprakli-priz-yatay\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/40500405-300x300.webp\"\r\n                               alt=\"40500405 &#8211; I\u015f\u0131kl\u0131 \u00c7a\u011f\u0131rma\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Nemliyer Anahtarlar ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40500405-isikli-cagirma\/\">\r\n                            40500405 &#8211; I\u015f\u0131kl\u0131 \u00c7a\u011f\u0131rma                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40500405-isikli-cagirma\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/40502805-300x300.webp\"\r\n                               alt=\"40502805 &#8211; I\u015f\u0131kl\u0131 \u00c7a\u011f\u0131rma + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Nemliyer Anahtarlar ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40502805-isikli-cagirma-kapakli-toprakli-priz-yatay\/\">\r\n                            40502805 &#8211; I\u015f\u0131kl\u0131 \u00c7a\u011f\u0131rma + Kapakl\u0131 Toprakl\u0131 Priz (Yatay)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40502805-isikli-cagirma-kapakli-toprakli-priz-yatay\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/40501105-300x300.webp\"\r\n                               alt=\"40501105 &#8211; I\u015f\u0131kl\u0131 Anahtar\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Nemliyer Anahtarlar ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40501105-isikli-anahtar\/\">\r\n                            40501105 &#8211; I\u015f\u0131kl\u0131 Anahtar                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/40501105-isikli-anahtar\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                                <div class=\"cz-nav-bottom\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-bottom-prev\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                                                      <div class=\"cz-dots\">\r\n                                        <button class=\"cz-dot active\"\r\n                            data-page=\"0\"><\/button>\r\n                                        <button class=\"cz-dot\"\r\n                            data-page=\"1\"><\/button>\r\n                                      <\/div>\r\n                                                      <button class=\"cz-arrow cz-arrow-next cz-arrow-bottom-next\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                                  <\/div>\r\n                \r\n                              <\/div>\r\n                            <div class=\"cz-panel\"\r\n                   id=\"cz_a4ab6ef_p_91\"\r\n                   role=\"tabpanel\"\r\n                   data-cols-d=\"4\"\r\n                   data-cols-t=\"2\"\r\n                   data-cols-m=\"1\">\r\n\r\n                \r\n                <div class=\"cz-slider-outer\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-side\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                  <button class=\"cz-arrow cz-arrow-next cz-arrow-side\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                  \r\n                  <div class=\"cz-slider-track\">\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/T3PS2C30E01P-300x300.webp\"\r\n                               alt=\"T3PS2C30E01P &#8211; Uzatma Prizi (Pilot Kontakl\u0131)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2c30e01p-uzatma-prizi-pilot-kontakli\/\">\r\n                            T3PS2C30E01P &#8211; Uzatma Prizi (Pilot Kontakl\u0131)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2c30e01p-uzatma-prizi-pilot-kontakli\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/T3PS2P3NE01-300x300.webp\"\r\n                               alt=\"T3PS2P3NE01 &#8211; D\u00fcz Fi\u015f\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2p3ne01-duz-fis\/\">\r\n                            T3PS2P3NE01 &#8211; D\u00fcz Fi\u015f                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2p3ne01-duz-fis\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/T3PS2D3NE01P-300x300.webp\"\r\n                               alt=\"T3PS2D3NE01P &#8211; Makine Prizi (D\u00fcz) (Pilot Kontakl\u0131)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2d3ne01p-makine-prizi-duz-pilot-kontakli\/\">\r\n                            T3PS2D3NE01P &#8211; Makine Prizi (D\u00fcz) (Pilot Kontakl\u0131)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2d3ne01p-makine-prizi-duz-pilot-kontakli\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/T3PS2P3NE01P-300x300.webp\"\r\n                               alt=\"T3PS2P3NE01P &#8211; D\u00fcz Fi\u015f (Pilot Kontakl\u0131)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2p3ne01p-duz-fis-pilot-kontakli\/\">\r\n                            T3PS2P3NE01P &#8211; D\u00fcz Fi\u015f (Pilot Kontakl\u0131)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2p3ne01p-duz-fis-pilot-kontakli\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/T3PS2D30E01-300x300.webp\"\r\n                               alt=\"T3PS2D30E01 &#8211; Makine Prizi (D\u00fcz)\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2d30e01-makine-prizi-duz\/\">\r\n                            T3PS2D30E01 &#8211; Makine Prizi (D\u00fcz)                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2d30e01-makine-prizi-duz\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                        <div class=\"cz-card\">\r\n                      <div class=\"cz-card-img-wrap\">\r\n                                                  <img decoding=\"async\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/T3PS2P30E01-300x300.webp\"\r\n                               alt=\"T3PS2P30E01 &#8211; D\u00fcz Fi\u015f\" loading=\"lazy\">\r\n                                              <\/div>\r\n\r\n                      <div class=\"cz-card-body\">\r\n                                                <span class=\"cz-card-category\">Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler<\/span>\r\n                        \r\n                        <div class=\"cz-card-title\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2p30e01-duz-fis\/\">\r\n                            T3PS2P30E01 &#8211; D\u00fcz Fi\u015f                          <\/a>\r\n                        <\/div>\r\n\r\n                                                <div class=\"cz-card-meta\">\r\n                                                  <\/div>\r\n                        \r\n                        \r\n                        \r\n                                                <div class=\"cz-card-footer\">\r\n                          <a href=\"https:\/\/demo5.softasist.com\/en\/urunler\/t3ps2p30e01-duz-fis\/\"\r\n                             class=\"cz-card-btn\">\r\n                            <span>Detaylar\u0131 G\u00f6r<\/span>\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n                              <path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/>\r\n                            <\/svg>\r\n                          <\/a>\r\n                        <\/div>\r\n                                              <\/div>\r\n                    <\/div>\r\n                                      <\/div>\r\n                <\/div>\r\n\r\n                                <div class=\"cz-nav-bottom\">\r\n                                    <button class=\"cz-arrow cz-arrow-prev cz-arrow-bottom-prev\" disabled>\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n                  <\/button>\r\n                                                      <div class=\"cz-dots\">\r\n                                        <button class=\"cz-dot active\"\r\n                            data-page=\"0\"><\/button>\r\n                                        <button class=\"cz-dot\"\r\n                            data-page=\"1\"><\/button>\r\n                                      <\/div>\r\n                                                      <button class=\"cz-arrow cz-arrow-next cz-arrow-bottom-next\">\r\n                    <svg viewBox=\"0 0 24 24\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\r\n                  <\/button>\r\n                                  <\/div>\r\n                \r\n                              <\/div>\r\n              \r\n            <\/div>\r\n\r\n            <script>\r\n            (function(){\r\n                var root = document.getElementById('cz_a4ab6ef');\r\n                if ( ! root ) return;\r\n\r\n                var carousel = {\"mode\":\"slider\",\"visible\":4,\"visibleTablet\":3,\"visibleMobile\":2,\"step\":1,\"arrows\":true,\"gap\":11};\r\n                var tabAnim  = 'ripple';\r\n\r\n                \/* \u2500\u2500 Responsive visible count \u2500\u2500 *\/\r\n                function getVisibleCount() {\r\n                    var w = window.innerWidth;\r\n                    if ( w <= 767 )  return carousel.visibleMobile || 2;\r\n                    if ( w <= 1024 ) return carousel.visibleTablet || 4;\r\n                    return carousel.visible || 5;\r\n                }\r\n\r\n                \/* \u2500\u2500 Sekmeler & Paneller \u2500\u2500 *\/\r\n                var tabs   = [].slice.call( root.querySelectorAll('.cz-tab') );\r\n                var panels = [].slice.call( root.querySelectorAll('.cz-panel') );\r\n\r\nfunction activateTab( tab ) {\r\n    tabs.forEach(function(t){\r\n        t.classList.remove('active');\r\n        t.setAttribute('aria-selected','false');\r\n        t.setAttribute('tabindex','-1');\r\n    });\r\n    panels.forEach(function(p){ p.classList.remove('active','cz-animated'); });\r\n\r\n    tab.classList.add('active');\r\n    tab.setAttribute('aria-selected','true');\r\n    tab.setAttribute('tabindex','0');\r\n\r\n    var panelEl = document.getElementById( tab.dataset.panel );\r\n    if ( panelEl ) {\r\n        panelEl.classList.add('active','cz-animated');\r\n        initSlider( panelEl );\r\n    }\r\n    \/\/ Tab t\u0131klamas\u0131nda carousel KAYMAYACAK \u2014 kullan\u0131c\u0131 deneyimi i\u00e7in\r\n    \/\/ Sadece keyboard navigation'da (Arrow tu\u015flar\u0131) carousel kays\u0131n\r\n}\r\n\r\n\/\/ Sadece keyboard i\u00e7in ayr\u0131 fonksiyon\r\nfunction ensureVisibleKeyboard( tab ) {\r\n    if ( carousel.mode !== 'slider' ) return;\r\n    var visible = getVisibleCount();\r\n    var idx     = tabs.indexOf( tab );\r\n    var maxIdx  = Math.max( 0, tabs.length - visible );\r\n    var oldIdx  = carouselIdx;\r\n\r\n    if ( idx < carouselIdx ) {\r\n        carouselIdx = idx;\r\n    } else if ( idx >= carouselIdx + visible ) {\r\n        carouselIdx = Math.min( maxIdx, idx - visible + 1 );\r\n    }\r\n    if ( carouselIdx !== oldIdx ) renderCarousel();\r\n}\r\n\r\n                function addRipple( tab, e ) {\r\n                    if ( tabAnim !== 'ripple' ) return;\r\n                    var r    = tab.getBoundingClientRect();\r\n                    var size = Math.max( r.width, r.height );\r\n                    var el   = document.createElement('span');\r\n                    el.className  = 'cz-ripple';\r\n                    el.style.cssText = 'width:'+size+'px;height:'+size+'px;'\r\n                        +'left:'+(e.clientX-r.left-size\/2)+'px;'\r\n                        +'top:'+(e.clientY-r.top-size\/2)+'px;';\r\n                    tab.appendChild(el);\r\n                    setTimeout(function(){ if(el.parentNode) el.parentNode.removeChild(el); }, 500);\r\n                }\r\n\t\t\t\t\r\n\t\t\t\tvar isTransitioning = false; \/\/ carousel animasyonu s\u0131ras\u0131nda click'leri blokla\r\n\r\n                tabs.forEach(function(tab){\r\nvar tStartX = 0, tStartY = 0, tMoved = false;\r\n    \r\n    \/\/ Sadece parma\u011f\u0131n kay\u0131p kaymad\u0131\u011f\u0131n\u0131 izle (swipe vs tap ayr\u0131m\u0131)\r\n    tab.addEventListener('touchstart', function(e){\r\n        tStartX = e.touches[0].clientX;\r\n        tStartY = e.touches[0].clientY;\r\n        tMoved  = false;\r\n    }, { passive: true });\r\n    \r\n    tab.addEventListener('touchmove', function(e){\r\n        var dx = Math.abs(e.touches[0].clientX - tStartX);\r\n        var dy = Math.abs(e.touches[0].clientY - tStartY);\r\n        if ( dx > 10 || dy > 10 ) tMoved = true;\r\n    }, { passive: true });\r\n    \r\n    \/\/ SADECE click handler \u2014 touchend hi\u00e7 activateTab \u00e7a\u011f\u0131rm\u0131yor\r\n    tab.addEventListener('click', function(e){\r\n        \/\/ Swipe'sa iptal\r\n        if ( tMoved ) { tMoved = false; return; }\r\n        \/\/ Carousel h\u00e2l\u00e2 kay\u0131yorsa ikinci t\u0131klamay\u0131 yut\r\n        if ( isTransitioning ) { e.preventDefault(); return; }\r\n        \r\n        isTransitioning = true;\r\n        addRipple(tab, e);\r\n        activateTab(tab);\r\n        \r\n        \/\/ Carousel transition s\u00fcresi (CSS'te .3s) + g\u00fcvenlik pay\u0131\r\n        setTimeout(function(){ isTransitioning = false; }, 350);\r\n    });\r\n                    tab.addEventListener('keydown', function(e){\r\n                        var idx = tabs.indexOf(tab), target = null;\r\n                        if ( e.key === 'ArrowRight' ) target = tabs[(idx+1)%tabs.length];\r\n                        else if ( e.key === 'ArrowLeft' ) target = tabs[(idx-1+tabs.length)%tabs.length];\r\n                        else if ( e.key === 'Home' )  target = tabs[0];\r\n                        else if ( e.key === 'End' )   target = tabs[tabs.length-1];\r\n                        else if ( e.key === 'Enter' || e.key === ' ' ) { e.preventDefault(); activateTab(tab); }\r\n                   if ( target ) { \r\n    e.preventDefault(); \r\n    target.focus();\r\n    ensureVisibleKeyboard(target);\r\n}\r\n                    });\r\n                });\r\n\r\n\r\n                \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n                 *  SEKME CAROUSEL \u2014 Pixel-bazl\u0131\r\n                 *\r\n                 *  Yap\u0131:\r\n                 *    .cz-tabs-outer  (flex row: [prev] [viewport] [next])\r\n                 *      .cz-tabs-viewport  (overflow:hidden \u2014 k\u0131rpma kutusu)\r\n                 *        .cz-tabs-scroll  (flex row \u2014 translateX ile kayar)\r\n                 *          .cz-tab  .cz-tab  .cz-tab \u2026\r\n                 *\r\n                 *  translateX, .cz-tabs-scroll'a uygulan\u0131r.\r\n                 *  K\u0131rpma .cz-tabs-viewport'un overflow:hidden'\u0131 yapar.\r\n                 *  Ok butonlar\u0131 viewport'un DI\u015e\u0131nda oldu\u011fu i\u00e7in kesilmez.\r\n                 * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                var carouselIdx = 0;\r\n                var viewport    = root.querySelector('.cz-tabs-viewport');\r\n                var scrollEl    = root.querySelector('.cz-tabs-scroll');\r\n                var tabPrev     = root.querySelector('.cz-tab-arrow-prev');\r\n                var tabNext     = root.querySelector('.cz-tab-arrow-next');\r\n\r\n                function renderCarousel() {\r\n                    if ( carousel.mode !== 'slider' || !viewport || !scrollEl ) return;\r\n\r\n                    var visible = getVisibleCount();\r\n                    var gap     = carousel.gap || 8;\r\n\r\n                    \/\/ Viewport'un i\u00e7 geni\u015fli\u011fi\r\n                    var vpW = viewport.clientWidth;\r\n\r\n                    \/\/ Her sekmenin geni\u015fli\u011fi: bo\u015fluklar \u00e7\u0131kar, e\u015fit b\u00f6l\r\n                    var tabW = ( vpW - ( visible - 1 ) * gap ) \/ visible;\r\n                    if ( tabW < 40 ) tabW = 40;\r\n\r\n                    \/\/ Sekme geni\u015fliklerini ayarla\r\n                    tabs.forEach(function(t){\r\n                        t.style.width    = tabW + 'px';\r\n                        t.style.minWidth = tabW + 'px';\r\n                        t.style.maxWidth = tabW + 'px';\r\n                    });\r\n\r\n                    \/\/ Maks indeks\r\n                    var maxIdx = Math.max( 0, tabs.length - visible );\r\n                    if ( carouselIdx > maxIdx ) carouselIdx = maxIdx;\r\n\r\n                    \/\/ Piksel offset\r\n                    var offset = carouselIdx * ( tabW + gap );\r\n\r\n                    scrollEl.style.transition = 'transform .3s cubic-bezier(.4,0,.2,1)';\r\n                    scrollEl.style.transform  = 'translateX(-' + offset + 'px)';\r\n\r\n                    if ( tabPrev ) tabPrev.disabled = ( carouselIdx <= 0 );\r\n                    if ( tabNext ) tabNext.disabled = ( carouselIdx >= maxIdx );\r\n                }\r\n\r\n\t\t\t\tfunction carouselEnsureVisible( tab ) {\r\n\t\t\t\t\tif ( carousel.mode !== 'slider' ) return;\r\n\t\t\t\t\tvar visible = getVisibleCount();\r\n\t\t\t\t\tvar idx     = tabs.indexOf( tab );\r\n\t\t\t\t\tvar maxIdx  = Math.max( 0, tabs.length - visible );\r\n\t\t\t\t\tvar oldIdx  = carouselIdx;\r\n\r\n\t\t\t\t\tif ( idx < carouselIdx ) {\r\n\t\t\t\t\t\tcarouselIdx = idx;\r\n\t\t\t\t\t} else if ( idx >= carouselIdx + visible ) {\r\n\t\t\t\t\t\tcarouselIdx = Math.min( maxIdx, idx - visible + 1 );\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\/\/ Sadece ger\u00e7ekten de\u011fi\u015ftiyse render et\r\n\t\t\t\t\tif ( carouselIdx !== oldIdx ) {\r\n\t\t\t\t\t\trenderCarousel();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n                if ( tabPrev ) {\r\n                    tabPrev.addEventListener('click', function(){\r\n                        carouselIdx = Math.max( 0, carouselIdx - carousel.step );\r\n                        renderCarousel();\r\n                    });\r\n                }\r\n                if ( tabNext ) {\r\n                    tabNext.addEventListener('click', function(){\r\n                        var visible = getVisibleCount();\r\n                        var maxIdx  = Math.max( 0, tabs.length - visible );\r\n                        carouselIdx = Math.min( maxIdx, carouselIdx + carousel.step );\r\n                        renderCarousel();\r\n                    });\r\n                }\r\n\r\n                if ( carousel.mode === 'slider' ) {\r\n                    \/\/ \u0130lk render'\u0131 biraz geciktir \u2014 DOM'un yerle\u015fmesini bekle\r\n                    setTimeout( renderCarousel, 50 );\r\n\r\n                    var resizeTimer;\r\n                    window.addEventListener('resize', function(){\r\n                        clearTimeout(resizeTimer);\r\n                        resizeTimer = setTimeout(renderCarousel, 80);\r\n                    });\r\n                }\r\n\r\n\r\n                \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n                 *  \u00dcR\u00dcN SL\u0130DER (grid sayfalama)\r\n                 * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                function getCols( panel ) {\r\n                    var w = window.innerWidth;\r\n                    if ( w <= 767 )  return parseInt(panel.dataset.colsM) || 1;\r\n                    if ( w <= 1024 ) return parseInt(panel.dataset.colsT) || 2;\r\n                    return parseInt(panel.dataset.colsD) || 3;\r\n                }\r\n\r\n                function initSlider( panel ) {\r\n                    if ( panel._czInited ) {\r\n                        panel._czGo(0);\r\n                        return;\r\n                    }\r\n                    panel._czInited = true;\r\n\r\n                    var track  = panel.querySelector('.cz-slider-track');\r\n                    var prev   = panel.querySelector('.cz-arrow-prev');\r\n                    var next   = panel.querySelector('.cz-arrow-next');\r\n                    \/\/ Bottom nav (panel i\u00e7inde, slider-outer d\u0131\u015f\u0131nda)\r\n                    var navBottom = panel.querySelector('.cz-nav-bottom');\r\n                    var bottomPrev = navBottom ? navBottom.querySelector('.cz-arrow-bottom-prev') : null;\r\n                    var bottomNext = navBottom ? navBottom.querySelector('.cz-arrow-bottom-next') : null;\r\n                    var dotsEl = navBottom ? navBottom.querySelector('.cz-dots') : panel.querySelector('.cz-dots');\r\n                    if ( ! track ) return;\r\n\r\n                    var cards = [].slice.call( track.querySelectorAll('.cz-card') );\r\n                    var total = cards.length;\r\n                    var page  = 0;\r\n\r\n                    function pages() { return Math.max(1, Math.ceil(total \/ getCols(panel))); }\r\n\r\n                    function go( n ) {\r\n                        var c = getCols(panel);\r\n                        page  = Math.max(0, Math.min(n, pages()-1));\r\n                        cards.forEach(function(card, i){\r\n                            card.style.display = ( i >= page*c && i < (page+1)*c ) ? '' : 'none';\r\n                        });\r\n                        var isFirst = ( page === 0 );\r\n                        var isLast  = ( page >= pages()-1 );\r\n                        if ( prev ) prev.disabled = isFirst;\r\n                        if ( next ) next.disabled = isLast;\r\n                        if ( bottomPrev ) bottomPrev.disabled = isFirst;\r\n                        if ( bottomNext ) bottomNext.disabled = isLast;\r\n                        if ( dotsEl ) {\r\n                            [].slice.call( dotsEl.querySelectorAll('.cz-dot') ).forEach(function(dot, d){\r\n                                dot.classList.toggle('active', d === page);\r\n                            });\r\n                        }\r\n                    }\r\n\r\n                    panel._czGo = go;\r\n\r\n                    if ( prev ) prev.addEventListener('click', function(){ go(page-1); });\r\n                    if ( next ) next.addEventListener('click', function(){ go(page+1); });\r\n                    if ( bottomPrev ) bottomPrev.addEventListener('click', function(){ go(page-1); });\r\n                    if ( bottomNext ) bottomNext.addEventListener('click', function(){ go(page+1); });\r\n\r\n                    if ( dotsEl ) {\r\n                        [].slice.call( dotsEl.querySelectorAll('.cz-dot') ).forEach(function(dot){\r\n                            dot.addEventListener('click', function(){\r\n                                go( parseInt(dot.dataset.page, 10) );\r\n                            });\r\n                        });\r\n                    }\r\n\r\n                    \/\/ Swipe\r\n                    var tx = 0;\r\n                    track.addEventListener('touchstart', function(e){ tx = e.touches[0].clientX; }, {passive:true});\r\n                    track.addEventListener('touchend', function(e){\r\n                        var dx = e.changedTouches[0].clientX - tx;\r\n                        if ( Math.abs(dx) > 40 ) go( dx < 0 ? page+1 : page-1 );\r\n                    }, {passive:true});\r\n\r\n                    window.addEventListener('resize', function(){ go(0); });\r\n                    go(0);\r\n                }\r\n\r\n                \/\/ \u0130lk paneli zorla aktif yap ve ba\u015flat\r\n                var firstPanel = root.querySelector('.cz-panel.active');\r\n                if ( !firstPanel ) {\r\n                    firstPanel = root.querySelector('.cz-panel');\r\n                    if ( firstPanel ) firstPanel.classList.add('active');\r\n                    \/\/ \u0130lk sekmeyi de aktif yap\r\n                    var firstTab = root.querySelector('.cz-tab');\r\n                    if ( firstTab ) {\r\n                        firstTab.classList.add('active');\r\n                        firstTab.setAttribute('aria-selected','true');\r\n                        firstTab.setAttribute('tabindex','0');\r\n                    }\r\n                }\r\n                if ( firstPanel ) initSlider( firstPanel );\r\n\r\n            })();\r\n            <\/script>\r\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4d4c5c e-flex e-con-boxed e-con e-parent\" data-id=\"e4d4c5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-beeab5d e-con-full e-flex e-con e-child\" data-id=\"beeab5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f7d2d08 e-con-full e-flex e-con e-child\" data-id=\"f7d2d08\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41fd318 elementor-widget elementor-widget-cz_adv_button\" data-id=\"41fd318\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_41fd318             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_41fd318 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_41fd318 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_41fd318 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_41fd318 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_41fd318 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_41fd318 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_41fd318 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_41fd318 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_41fd318 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_41fd318 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_41fd318 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_41fd318 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_41fd318 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_41fd318 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_41fd318 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_41fd318 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_41fd318 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_41fd318 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_41fd318 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_41fd318 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_41fd318 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_41fd318 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_41fd318 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_41fd318 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_41fd318 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_41fd318 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_41fd318 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_41fd318 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_41fd318 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_41fd318 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_41fd318 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_41fd318 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_41fd318 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_41fd318 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_41fd318 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_41fd318 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_41fd318 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_41fd318 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_41fd318 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_41fd318 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_41fd318 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_41fd318 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_41fd318 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_41fd318 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_41fd318 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_41fd318 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_41fd318 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_41fd318 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_41fd318 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_41fd318 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_41fd318 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_41fd318 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_41fd318 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_41fd318 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_41fd318 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_41fd318 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_41fd318 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_41fd318 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_41fd318 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_41fd318 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_41fd318 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_41fd318 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_41fd318 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_41fd318 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_41fd318 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_41fd318 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_41fd318 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_41fd318 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_41fd318 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_41fd318 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_41fd318 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_41fd318 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_41fd318 .cz-btn,\r\n                #czbtn_41fd318 .cz-btn::before,\r\n                #czbtn_41fd318 .cz-btn::after,\r\n                #czbtn_41fd318 .cz-btn__icon,\r\n                #czbtn_41fd318 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_41fd318\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-sm cz-btn--icon-right cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">METE ENERJ\u0130<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    \r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_41fd318');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73b448c elementor-widget elementor-widget-heading\" data-id=\"73b448c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hakk\u0131m\u0131zda<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcf6eb5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fcf6eb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab2e867 elementor-widget elementor-widget-text-editor\" data-id=\"ab2e867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Mete Enerji A.\u015e. sanayinin de\u011fi\u015fik alanlar\u0131nda kullan\u0131lan konnekt\u00f6rlerin ve elektromekanik \u00fcr\u00fcnlerin imalat\u0131 i\u00e7in 2001 y\u0131l\u0131nda \u0130zmir Atat\u00fcrk Organize B\u00f6lgesinde kurulmu\u015ftur. Elektrik sekt\u00f6r\u00fcnde ge\u00e7en 1980 y\u0131l\u0131ndan g\u00fcn\u00fcm\u00fcze dayanan tecr\u00fcbenin getirdi\u011fi birikim ve sanayide aranan en \u00f6nemli kriterin kaliteli \u00fcr\u00fcn ve hizmet oldu\u011fu bilincinden hareketle Mete Enerji kadrosu m\u00fc\u015fteri beklentilerini maksimum d\u00fczeyde kar\u015f\u0131layabilen \u00fcr\u00fcnleri ba\u015far\u0131yla \u00fcretmektedir.<\/p><p>T\u00fcm tasar\u0131mlar\u0131 CAD \u2013 CAM \u2013 CAE destekli olarak ger\u00e7ekle\u015ftirilen ve en son teknolojiye sahip tezgahlarda imal edilen \u00fcr\u00fcnlerimiz m\u00fc\u015fterilerimizin kullan\u0131m\u0131na, yurti\u00e7i ve yurtd\u0131\u015f\u0131 pazarlar\u0131n \u015fart ko\u015ftu\u011fu ve ulusal ve uluslararas\u0131 standartlara uygunlu\u011fu akredite kurulu\u015flar taraf\u0131ndan test edilip onaylanm\u0131\u015f kalite sertifikalar\u0131 e\u015fli\u011finde sunulmaktad\u0131r. Gerek T\u00fcrkiye geneline her ge\u00e7en g\u00fcn daha yayg\u0131n bir hale gelen sat\u0131\u015f ve pazarlama a\u011f\u0131 gerekse; yurtd\u0131\u015f\u0131ndaki b\u00f6lgesel bayilik sistemiyle faaliyet g\u00f6sterdi\u011fi her yerde kendi markas\u0131 alt\u0131nda \u00fcretilen t\u00fcm \u00fcr\u00fcn gam\u0131yla bir pazar lideri olmay\u0131 hedefleyen Mete Enerji; bug\u00fcn, 2001 y\u0131l\u0131nda tekrar giri\u015f yapt\u0131\u011f\u0131 yurti\u00e7i elektrik malzemeleri sekt\u00f6r\u00fcnde g\u00fcvenilir bir marka haline gelmenin ve 2004 y\u0131l\u0131nda ba\u015flatt\u0131\u011f\u0131 ihracat hamlesini ge\u00e7en k\u0131sa s\u00fcre i\u00e7inde 40 dan fazla \u00fclkeyi i\u00e7ine alan bir portf\u00f6y haline getirme ba\u015far\u0131s\u0131n\u0131n hakl\u0131 mutlulu\u011funu ya\u015famaktad\u0131r.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fbd45c e-con-full e-flex e-con e-child\" data-id=\"5fbd45c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beee752 elementor-widget elementor-widget-cz_adv_button\" data-id=\"beee752\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_beee752             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_beee752 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_beee752 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_beee752 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_beee752 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_beee752 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_beee752 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_beee752 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_beee752 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_beee752 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_beee752 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_beee752 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_beee752 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_beee752 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_beee752 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_beee752 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_beee752 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_beee752 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_beee752 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_beee752 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_beee752 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_beee752 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_beee752 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_beee752 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_beee752 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_beee752 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_beee752 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_beee752 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_beee752 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_beee752 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_beee752 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_beee752 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_beee752 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_beee752 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_beee752 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_beee752 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_beee752 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_beee752 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_beee752 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_beee752 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_beee752 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_beee752 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_beee752 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_beee752 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_beee752 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_beee752 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_beee752 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_beee752 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_beee752 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_beee752 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_beee752 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_beee752 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_beee752 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_beee752 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_beee752 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_beee752 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_beee752 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_beee752 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_beee752 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_beee752 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_beee752 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_beee752 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_beee752 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_beee752 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_beee752 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_beee752 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_beee752 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_beee752 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_beee752 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_beee752 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_beee752 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_beee752 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_beee752 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_beee752 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_beee752 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_beee752 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_beee752 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_beee752 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_beee752 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_beee752 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_beee752 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_beee752 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_beee752 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_beee752 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_beee752 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_beee752 .cz-btn,\r\n                #czbtn_beee752 .cz-btn::before,\r\n                #czbtn_beee752 .cz-btn::after,\r\n                #czbtn_beee752 .cz-btn__icon,\r\n                #czbtn_beee752 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_beee752\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/kurumsal\/\"\r\n                   class=\"cz-btn cz-btn--shadow-fill cz-btn--size-lg cz-btn--icon-right cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">Bizi Tan\u0131y\u0131n<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    \r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_beee752');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14cd3b9 e-con-full e-flex e-con e-child\" data-id=\"14cd3b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df77347 elementor-widget__width-inherit elementor-widget elementor-widget-ucaddon_uc_tiles_columns_image\" data-id=\"df77347\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_uc_tiles_columns_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Masonry &amp; Justified Gallery -->\n\t\t<link id='font-awesome-css' href='https:\/\/demo5.softasist.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/demo5.softasist.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='unitegallery-css' href='https:\/\/demo5.softasist.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/unitegallery\/css\/unite-gallery.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='uc_ac_assets_file_uc_columns_unite_gallery_css_37416-css' href='https:\/\/demo5.softasist.com\/wp-content\/uploads\/ac_assets\/uc_tiles_columns_image\/uc-columns-unite-gallery.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Masonry &amp; Justified Gallery *\/\n\n#uc_uc_tiles_columns_image_elementor_df77347{\n  margin:0 auto;\n      display: none;\n  }\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347{\n  min-height:1px;  \n}\n\n  #uc_uc_tiles_columns_image_elementor_df77347 .ug-thumb-wrapper.ug-tile{\n      pointer-events: none;\n  }\n\n\/* pagination *\/\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_prev_button_pagination{\n  display: flex;\n  align-items: center;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_pagination_button,\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_pagination_number{\n  padding: 0;\n  justify-content: center;\n  align-items: center;\n  transition: all .3s ease;\n  margin: 0;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_pagination_number:last-child,\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_pagination_number:first-child{\n  display: inline-flex;\n  position: relative;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .ue-hidden{\n  display: none;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .ue-disabled{\n  opacity: .5;\n  pointer-events: none;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_pagination_number.ue-visible{\n  display: inline-flex;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_pagination_numbers{\n  display: flex;\n  flex-wrap: wrap;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_df77347 .uc_post_grid_style_one_prev_button_pagination_wrap{\n  display: flex;\n}\n\/* end pagination *\/\n\n<\/style>\n\n<div id=\"wrapperuc_uc_tiles_columns_image_elementor_df77347\">\n  \n  <div id=\"uc_uc_tiles_columns_image_elementor_df77347\" style=\"display:none;\" class=\"uc-items-wrapper\" data-custom-sethtml=\"true\" >\n    \n<img decoding=\"async\" alt=\"fabrika\"\n   src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-768x432.jpeg\"\n    data-image=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-1024x576.jpeg\"\n    data-title=\"fabrika\">\n\n<img decoding=\"async\" alt=\"fabrika-03\"\n   src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-03-768x432.jpg\"\n    data-image=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-03-1024x576.jpg\"\n    data-title=\"fabrika-03\">\n\n<img decoding=\"async\" alt=\"fabrika-065\"\n   src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-065-768x432.jpg\"\n    data-image=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-065-1024x576.jpg\"\n    data-title=\"fabrika-065\">\n\n<img decoding=\"async\" alt=\"fabrika-011\"\n   src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-011-768x432.jpg\"\n    data-image=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-011-1024x576.jpg\"\n    data-title=\"fabrika-011\">\n\n<img decoding=\"async\" alt=\"fabrika-070\"\n   src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-070-768x432.jpg\"\n    data-image=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-070-1024x576.jpg\"\n    data-title=\"fabrika-070\">\n\n<img decoding=\"async\" alt=\"fabrika-018\"\n   src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-018-768x432.jpg\"\n    data-image=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-018-1024x576.jpg\"\n    data-title=\"fabrika-018\">\n\n  <\/div>\n  \n    \n<\/div>\n<!-- end Masonry & Justified Gallery -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d650e9 e-flex e-con-boxed e-con e-parent\" data-id=\"5d650e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0f2698f elementor-widget elementor-widget-video\" data-id=\"0f2698f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/687uODWIJZ8?si=uadanfz-l_CtXPW6&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/fabrika.jpeg&quot;,&quot;id&quot;:1477,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika.jpeg);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Videoyu Oynat\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-play\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-429ef0f e-flex e-con-boxed e-con e-parent\" data-id=\"429ef0f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9721f60 e-con-full e-flex e-con e-child\" data-id=\"9721f60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c4dd96 elementor-widget elementor-widget-cz_adv_button\" data-id=\"9c4dd96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_9c4dd96             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_9c4dd96 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_9c4dd96 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_9c4dd96 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_9c4dd96 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_9c4dd96 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_9c4dd96 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_9c4dd96 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_9c4dd96 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_9c4dd96 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_9c4dd96 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_9c4dd96 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_9c4dd96 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_9c4dd96 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_9c4dd96 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_9c4dd96 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_9c4dd96 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_9c4dd96 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_9c4dd96 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_9c4dd96 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_9c4dd96 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_9c4dd96 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_9c4dd96 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_9c4dd96 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_9c4dd96 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_9c4dd96 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_9c4dd96 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_9c4dd96 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_9c4dd96 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_9c4dd96 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_9c4dd96 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_9c4dd96 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_9c4dd96 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_9c4dd96 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_9c4dd96 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_9c4dd96 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_9c4dd96 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_9c4dd96 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_9c4dd96 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_9c4dd96 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_9c4dd96 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_9c4dd96 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_9c4dd96 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_9c4dd96 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_9c4dd96 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_9c4dd96 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_9c4dd96 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_9c4dd96 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_9c4dd96 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_9c4dd96 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_9c4dd96 .cz-btn,\r\n                #czbtn_9c4dd96 .cz-btn::before,\r\n                #czbtn_9c4dd96 .cz-btn::after,\r\n                #czbtn_9c4dd96 .cz-btn__icon,\r\n                #czbtn_9c4dd96 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_9c4dd96\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-sm cz-btn--icon-right cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">METE ENERJ\u0130<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    \r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_9c4dd96');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99fc9f3 elementor-widget elementor-widget-heading\" data-id=\"99fc9f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bilgi Talep Formu<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08602ff elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"08602ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;step_type&quot;:&quot;none&quot;,&quot;step_icon_shape&quot;:&quot;none&quot;,&quot;button_width&quot;:&quot;100&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"Bilgi Talep Formu\" aria-label=\"Bilgi Talep Formu\" novalidate=\"\">\r\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"22\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"08602ff\"\/>\r\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Ana Sayfa\" \/>\r\n\r\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"22\"\/>\r\n\t\t\t\r\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-name elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-name\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tAd ve Soyad\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[name]\" id=\"form-field-name\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Ad ve Soyad\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-field_a75c621 elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_a75c621\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tE-Posta Adresi\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[field_a75c621]\" id=\"form-field-field_a75c621\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"E-Posta Adresi\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_10efc3e elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_10efc3e\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tFirma \u0130smi\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_10efc3e]\" id=\"form-field-field_10efc3e\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Firma \u0130smi\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-field_5a6a848 elementor-col-50\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_5a6a848\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tTelefon Numaras\u0131\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[field_5a6a848]\" id=\"form-field-field_5a6a848\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Telefon Numaras\u0131\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Yaln\u0131zca say\u0131lar ve telefon karakterleri (#, -, *, vb.) kabul edilir.\">\r\n\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_9e6bbdf elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_9e6bbdf\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tAdres\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_9e6bbdf]\" id=\"form-field-field_9e6bbdf\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Adres\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-field_b446a1c elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_b446a1c\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tKonu\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[field_b446a1c]\" id=\"form-field-field_b446a1c\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Konu\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-field_b0729b3 elementor-col-100\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-field_b0729b3\" class=\"elementor-field-label elementor-screen-only\">\r\n\t\t\t\t\t\t\t\tMesaj\t\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[field_b0729b3]\" id=\"form-field-field_b0729b3\" rows=\"5\" placeholder=\"Mesaj\"><\/textarea>\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-acceptance elementor-field-group elementor-column elementor-field-group-field_1b9f3e4 elementor-col-100 elementor-field-required\">\r\n\t\t\t\t\t\t\t<div class=\"elementor-field-subgroup\">\r\n\t\t\t<span class=\"elementor-field-option\">\r\n\t\t\t\t<input type=\"checkbox\" name=\"form_fields[field_1b9f3e4]\" id=\"form-field-field_1b9f3e4\" class=\"elementor-field elementor-size-md  elementor-acceptance-field\" required=\"required\" checked=\"checked\">\r\n\t\t\t\t<label for=\"form-field-field_1b9f3e4\"><span style=\"font-family: 'Roboto', sans-serif; font-weight: 700; color: #000000; font-size: 14px;\">\n    <a href=\"#\" style=\"color: #5B9BD5; text-decoration: underline; font-weight: 700;\">KVKK Ayd\u0131nlatma Metnini<\/a> Okudum Kabul Ediyorum.\n<\/span><\/label>\t\t\t<\/span>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\r\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\r\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">G\u00f6nder<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/form>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d659d1b e-con-full e-flex e-con e-child\" data-id=\"d659d1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dc7810 elementor-widget elementor-widget-google_maps\" data-id=\"4dc7810\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"google_maps.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed\">\n\t\t\t<iframe loading=\"lazy\"\n\t\t\t\t\tsrc=\"https:\/\/maps.google.com\/maps?q=Atat%C3%BCrk%20OSB%2C%2010007.%20Sk.%20A.O.S.B.%2C%20No%3A34%2C%2035620%20%C3%87i%C4%9Fli%2F%C4%B0zmir&#038;t=m&#038;z=10&#038;output=embed&#038;iwloc=near\"\n\t\t\t\t\ttitle=\"Atat\u00fcrk OSB, 10007. Sk. A.O.S.B., No:34, 35620 \u00c7i\u011fli\/\u0130zmir\"\n\t\t\t\t\taria-label=\"Atat\u00fcrk OSB, 10007. Sk. A.O.S.B., No:34, 35620 \u00c7i\u011fli\/\u0130zmir\"\n\t\t\t><\/iframe>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e0cea6 e-con-full e-flex e-con e-child\" data-id=\"6e0cea6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-43f94db e-con-full e-flex e-con e-child\" data-id=\"43f94db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4206158 elementor-view-stacked elementor-mobile-position-inline-start elementor-widget-mobile__width-inherit elementor-shape-circle elementor-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4206158\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"tel:+902323768686\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"TELEFON\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"mete mete-phone-call\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"tel:+902323768686\" >\n\t\t\t\t\t\t\tTELEFON\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t+90 (232) 376 86 86\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43d2bdb e-con-full e-flex e-con e-child\" data-id=\"43d2bdb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4aa320 elementor-view-stacked elementor-mobile-position-inline-start elementor-widget-mobile__width-inherit elementor-shape-circle elementor-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"a4aa320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"mailto:info@mete-enerji.com.tr\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"E-POSTA\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"mete mete-envelope-simple\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"mailto:info@mete-enerji.com.tr\" >\n\t\t\t\t\t\t\tE-POSTA\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tinfo@mete-enerji.com.tr\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b320669 e-con-full e-flex e-con e-child\" data-id=\"b320669\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1f2cbb elementor-view-stacked elementor-mobile-position-inline-start elementor-widget-mobile__width-inherit elementor-shape-circle elementor-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"f1f2cbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/78cTKFec8xzZCZZv9\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"ADRES\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"mete mete-map-pin-area\"><\/i>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/78cTKFec8xzZCZZv9\" >\n\t\t\t\t\t\t\tADRES\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t10007 Sk. No 34 A.O.S.B 25620 \u00c7i\u011fli, \u0130zmir, T\u00fcrkiye\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4522a54 e-flex e-con-boxed e-con e-parent\" data-id=\"4522a54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1da75c elementor-widget elementor-widget-cz_adv_button\" data-id=\"f1da75c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_f1da75c             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_f1da75c {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_f1da75c .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_f1da75c .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_f1da75c .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_f1da75c .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_f1da75c .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_f1da75c .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_f1da75c .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_f1da75c .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_f1da75c .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_f1da75c .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_f1da75c .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_f1da75c .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_f1da75c .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_f1da75c .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_f1da75c .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_f1da75c .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_f1da75c .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_f1da75c .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_f1da75c .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_f1da75c .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_f1da75c .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_f1da75c .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_f1da75c .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_f1da75c .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_f1da75c .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_f1da75c .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_f1da75c .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_f1da75c .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_f1da75c .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_f1da75c .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_f1da75c .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_f1da75c .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_f1da75c .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_f1da75c .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_f1da75c .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_f1da75c .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_f1da75c .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_f1da75c .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_f1da75c .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_f1da75c .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_f1da75c .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_f1da75c .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_f1da75c .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_f1da75c .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_f1da75c .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_f1da75c .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_f1da75c .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_f1da75c .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_f1da75c .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_f1da75c .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_f1da75c .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_f1da75c .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_f1da75c .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_f1da75c .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_f1da75c .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_f1da75c .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_f1da75c .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_f1da75c .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_f1da75c .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_f1da75c .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_f1da75c .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_f1da75c .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_f1da75c .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_f1da75c .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_f1da75c .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_f1da75c .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_f1da75c .cz-btn--loading .cz-btn__content,\r\n            #czbtn_f1da75c .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_f1da75c .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_f1da75c .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_f1da75c .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_f1da75c .cz-btn,\r\n                #czbtn_f1da75c .cz-btn::before,\r\n                #czbtn_f1da75c .cz-btn::after,\r\n                #czbtn_f1da75c .cz-btn__icon,\r\n                #czbtn_f1da75c .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_f1da75c\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-sm cz-btn--icon-right cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">METE ENERJ\u0130<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    \r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_f1da75c');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe14b31 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"fe14b31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bayilerimiz<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba0ec7a elementor-widget__width-inherit elementor-widget elementor-widget-mete_bayi_portal_v10\" data-id=\"ba0ec7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"mete_bayi_portal_v10.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n            <div class=\"mbp-wrap\" id=\"mb7f09f16db\">\r\n\r\n                                <div class=\"mbp-search-bar\">\r\n\r\n                    <div class=\"mbp-combobox\" role=\"combobox\"\r\n                         aria-haspopup=\"listbox\"\r\n                         aria-expanded=\"false\"\r\n                         aria-owns=\"mb7f09f16db-listbox\">\r\n\r\n                        <span class=\"mbp-combo-icon\" aria-hidden=\"true\">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                <circle cx=\"11\" cy=\"11\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                                <path d=\"M21 21l-4.35-4.35\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                        <input type=\"text\"\r\n                               id=\"mb7f09f16db-combo\"\r\n                               class=\"mbp-combo-input\"\r\n                               placeholder=\"\u0130l ad\u0131 yaz\u0131n veya se\u00e7in...\"\r\n                               autocomplete=\"off\"\r\n                               autocorrect=\"off\"\r\n                               spellcheck=\"false\"\r\n                               maxlength=\"60\"\r\n                               aria-label=\"\u015eehir ara\"\r\n                               aria-autocomplete=\"list\"\r\n                               aria-controls=\"mb7f09f16db-listbox\">\r\n\r\n                        <button class=\"mbp-combo-clear\"\r\n                                id=\"mb7f09f16db-clear\"\r\n                                type=\"button\"\r\n                                aria-label=\"Temizle\"\r\n                                style=\"display:none\">\r\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\r\n                                <path d=\"M1 1l14 14M15 1L1 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/button>\r\n\r\n                        <ul id=\"mb7f09f16db-listbox\"\r\n                            class=\"mbp-combo-list\"\r\n                            role=\"listbox\"\r\n                            aria-label=\"\u015eehirler\"><\/ul>\r\n\r\n                    <\/div>\r\n\r\n                    <button type=\"button\"\r\n                            class=\"mbp-search-btn\"\r\n                            id=\"mb7f09f16db-sbtn\">\r\n                        <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                            <circle cx=\"11\" cy=\"11\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2.2\"\/>\r\n                            <path d=\"M21 21l-4.35-4.35\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                        BAY\u0130 BUL                    <\/button>\r\n\r\n                <\/div>\r\n\r\n                                <div class=\"mbp-map-area\">\r\n                    <div class=\"mbp-map-render\" id=\"mb7f09f16db-map\"\r\n                         role=\"img\" aria-label=\"T\u00fcrkiye haritas\u0131 \u2013 \u015fehre t\u0131klayarak bayi bilgisi g\u00f6r\u00fcnt\u00fcleyin\"><\/div>\r\n                    <div class=\"mbp-map-loader\" id=\"mb7f09f16db-loader\" aria-hidden=\"true\">\r\n                        <svg width=\"32\" height=\"32\" viewBox=\"0 0 50 50\" fill=\"none\">\r\n                            <circle cx=\"25\" cy=\"25\" r=\"20\" stroke=\"#DDD\" stroke-width=\"4\"\/>\r\n                            <path d=\"M25 5a20 20 0 0 1 20 20\" stroke=\"#EE2D24\" stroke-width=\"4\" stroke-linecap=\"round\">\r\n                                <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 25 25\" to=\"360 25 25\" dur=\"0.8s\" repeatCount=\"indefinite\"\/>\r\n                            <\/path>\r\n                        <\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                                <div id=\"mb7f09f16db-modal\"\r\n                     class=\"mbp-overlay mbp-overlay-mb7f09f16db\"\r\n                     role=\"dialog\"\r\n                     aria-modal=\"true\"\r\n                     aria-labelledby=\"mb7f09f16db-mtitle\">\r\n\r\n                    <div class=\"mbp-dialog\">\r\n\r\n                        <div class=\"mbp-dialog-head\">\r\n                            <div>\r\n                                <span class=\"mbp-red-badge\">YETK\u0130L\u0130 BAY\u0130<\/span>\r\n                                <h2 id=\"mb7f09f16db-mtitle\" class=\"mbp-dialog-title\">\u2014<\/h2>\r\n                            <\/div>\r\n                            <button class=\"mbp-x-btn\"\r\n                                    id=\"mb7f09f16db-x\"\r\n                                    type=\"button\"\r\n                                    aria-label=\"Kapat\">\r\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\r\n                                    <path d=\"M1 1l14 14M15 1L1 15\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/>\r\n                                <\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n\r\n                        <div class=\"mbp-dialog-meta\">\r\n                            <span id=\"mb7f09f16db-count\" class=\"mbp-pill\">0<\/span>\r\n                            <span class=\"mbp-meta-label\">yetkili bayi hizmetinizdedir<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"mbp-inner-bar\">\r\n                            <input id=\"mb7f09f16db-filter\"\r\n                                   class=\"mbp-inner-inp\"\r\n                                   type=\"search\"\r\n                                   placeholder=\"Bayi ad\u0131, il\u00e7e veya adres ara...\"\r\n                                   autocomplete=\"off\"\r\n                                   maxlength=\"80\">\r\n                        <\/div>\r\n\r\n                        <div id=\"mb7f09f16db-grid\" class=\"mbp-grid\"><\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n                        <style>\r\n            \/* \u2500\u2500 Reset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db *, #mb7f09f16db *::before, #mb7f09f16db *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n            \/* \u2500\u2500 Wrap \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db.mbp-wrap { width: 100%; }\r\n\r\n            \/* \u2500\u2500 ARAMA \u00c7UBU\u011eU \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db .mbp-search-bar {\r\n                display: flex; gap: 10px; margin-bottom: 20px; position: relative;\r\n            }\r\n            \/* Combobox container *\/\r\n            #mb7f09f16db .mbp-combobox {\r\n                flex: 1; position: relative; display: flex; align-items: center;\r\n                background: #FFF;\r\n                border: 1.5px solid #D8D8D8;\r\n                border-radius: 12px;\r\n                transition: border-color .2s, box-shadow .2s;\r\n            }\r\n            #mb7f09f16db .mbp-combobox:focus-within {\r\n                border-color: #EE2D24;\r\n                box-shadow: 0 0 0 3px #EE2D2420;\r\n            }\r\n            #mb7f09f16db .mbp-combo-icon {\r\n                display: flex; align-items: center; padding: 0 0 0 14px;\r\n                color: #AAA; flex-shrink: 0; pointer-events: none;\r\n            }\r\n            #mb7f09f16db .mbp-combo-input {\r\n                flex: 1; height: 50px; border: none; background: transparent;\r\n                padding: 0 10px; font-size: 14px; font-weight: 500; color: #333;\r\n                outline: none; min-width: 0;\r\n            }\r\n            #mb7f09f16db .mbp-combo-input::placeholder { color: #B0B0B0; font-weight: 400; }\r\n            #mb7f09f16db .mbp-combo-clear {\r\n                background: none; border: none; cursor: pointer; padding: 0 12px;\r\n                color: #BBB; display: flex; align-items: center; flex-shrink: 0;\r\n                transition: color .15s;\r\n            }\r\n            #mb7f09f16db .mbp-combo-clear:hover { color: #555; }\r\n\r\n            \/* Dropdown listesi *\/\r\n            #mb7f09f16db .mbp-combo-list {\r\n                display: none; position: absolute; top: calc(100% + 6px); left: -1.5px; right: -1.5px;\r\n                background: #FFF;\r\n                border: 1.5px solid #E5E5E5;\r\n                border-radius: 12px;\r\n                box-shadow: 0 10px 32px rgba(0,0,0,.12);\r\n                max-height: 272px; overflow-y: auto; z-index: 9999;\r\n                list-style: none;\r\n            }\r\n            #mb7f09f16db .mbp-combo-list.open { display: block; animation: mcbIn .15s ease; }\r\n            @keyframes mcbIn { from { opacity:0; transform:translateY(-6px) } to { opacity:1; transform:translateY(0) } }\r\n            #mb7f09f16db .mbp-combo-list li {\r\n                padding: 11px 16px; cursor: pointer; font-size: 14px; color: #333;\r\n                display: flex; align-items: center; gap: 8px;\r\n                border-bottom: 1px solid #F5F5F5; transition: background .12s;\r\n            }\r\n            #mb7f09f16db .mbp-combo-list li:last-child { border-bottom: none; }\r\n            #mb7f09f16db .mbp-combo-list li:hover,\r\n            #mb7f09f16db .mbp-combo-list li.kb-active {\r\n                background: #EE2D240D; color: #EE2D24;\r\n            }\r\n            #mb7f09f16db .mbp-combo-list li .has-dot {\r\n                width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0;\r\n                background: #5A5C5E;\r\n            }\r\n            #mb7f09f16db .mbp-combo-list li .has-dot.active {\r\n                background: #EE2D24;\r\n            }\r\n            #mb7f09f16db .mbp-combo-list li.dealer-city { font-weight: 600; }\r\n            #mb7f09f16db .mbp-combo-list li em {\r\n                font-style: normal; color: #EE2D24; font-weight: 700;\r\n            }\r\n\r\n            \/* Arama Butonu *\/\r\n            #mb7f09f16db .mbp-search-btn {\r\n                display: inline-flex; align-items: center; gap: 7px;\r\n                background: #EE2D24; color: #FFF;\r\n                border: none; padding: 0 24px; border-radius: 12px;\r\n                font-size: 14px; font-weight: 700; letter-spacing: .5px;\r\n                cursor: pointer; transition: filter .2s, transform .1s;\r\n                white-space: nowrap; flex-shrink: 0;\r\n            }\r\n            #mb7f09f16db .mbp-search-btn:hover  { filter: brightness(.88); }\r\n            #mb7f09f16db .mbp-search-btn:active { transform: scale(.97); }\r\n\r\n            \/* \u2500\u2500 HAR\u0130TA ALANI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db .mbp-map-area {\r\n                position: relative; width: 100%;\r\n                \/* Arkaplan \u015feffaf, kenars\u0131z \u2014 Elementor'dan kontrol edilebilir *\/\r\n            }\r\n            #mb7f09f16db .mbp-map-render svg { width: 100%; height: auto; display: block; }\r\n            #mb7f09f16db .mbp-map-render path {\r\n                cursor: pointer;\r\n                transition: fill .2s ease;\r\n                vector-effect: non-scaling-stroke;\r\n            }\r\n            #mb7f09f16db .mbp-map-loader {\r\n                position: absolute; inset: 0;\r\n                display: flex; align-items: center; justify-content: center;\r\n                background: rgba(255,255,255,.7);\r\n            }\r\n            #mb7f09f16db .mbp-map-loader.hidden { display: none; }\r\n\r\n            \/* \u2500\u2500 OVERLAY \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            .mbp-overlay-mb7f09f16db {\r\n                display: none; position: fixed; inset: 0;\r\n                background: rgba(10,10,10,.55);\r\n                backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);\r\n                z-index: 999999; align-items: center; justify-content: center; padding: 16px;\r\n            }\r\n            .mbp-overlay-mb7f09f16db.open { display: flex; animation: mOvrIn .2s ease; }\r\n            @keyframes mOvrIn { from { opacity:0 } to { opacity:1 } }\r\n\r\n            \/* \u2500\u2500 MODAL D\u0130ALOG \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db-modal .mbp-dialog {\r\n                background: #FFF; width: 100%;\r\n                max-height: 88vh; display: flex; flex-direction: column;\r\n                box-shadow: 0 32px 80px rgba(0,0,0,.2);\r\n                animation: mDlgIn .32s cubic-bezier(.34,1.56,.64,1); overflow: hidden;\r\n            }\r\n            @keyframes mDlgIn {\r\n                from { opacity:0; transform: translateY(32px) scale(.95) }\r\n                to   { opacity:1; transform: translateY(0) scale(1) }\r\n            }\r\n\r\n            #mb7f09f16db-modal .mbp-dialog-head {\r\n                display: flex; justify-content: space-between; align-items: flex-start;\r\n                padding: 26px 28px 16px; border-bottom: 1px solid #F0F0F0; flex-shrink: 0;\r\n            }\r\n            #mb7f09f16db-modal .mbp-red-badge {\r\n                display: inline-block; font-size: 10px; font-weight: 800;\r\n                letter-spacing: 1.8px; text-transform: uppercase;\r\n                color: #EE2D24;\r\n                background: #EE2D2414;\r\n                padding: 3px 10px; border-radius: 20px; margin-bottom: 8px;\r\n            }\r\n            #mb7f09f16db-modal .mbp-dialog-title {\r\n                font-size: 22px; font-weight: 800; color: #111; letter-spacing: -.4px;\r\n            }\r\n            #mb7f09f16db-modal .mbp-x-btn {\r\n                background: #F2F2F2; border: none; width: 36px; height: 36px;\r\n                border-radius: 50%; cursor: pointer; display: flex;\r\n                align-items: center; justify-content: center;\r\n                color: #666; transition: background .2s, color .2s; flex-shrink: 0;\r\n            }\r\n            #mb7f09f16db-modal .mbp-x-btn:hover { background: #E5E5E5; color: #111; }\r\n\r\n            #mb7f09f16db-modal .mbp-dialog-meta {\r\n                display: flex; align-items: center; gap: 9px;\r\n                padding: 11px 28px; border-bottom: 1px solid #F0F0F0; flex-shrink: 0;\r\n            }\r\n            #mb7f09f16db-modal .mbp-pill {\r\n                font-size: 12px; font-weight: 700; color: #FFF;\r\n                background: #EE2D24;\r\n                padding: 2px 12px; border-radius: 20px; min-width: 26px; text-align: center;\r\n            }\r\n            #mb7f09f16db-modal .mbp-meta-label { font-size: 12px; color: #AAA; }\r\n\r\n            #mb7f09f16db-modal .mbp-inner-bar { padding: 14px 24px 10px; flex-shrink: 0; }\r\n            #mb7f09f16db-modal .mbp-inner-inp {\r\n                width: 100%; height: 40px; border: 1.5px solid #E8E8E8;\r\n                border-radius: 9px; padding: 0 14px; font-size: 13px;\r\n                outline: none; transition: border-color .2s; font-family: \"DM Sans\";\r\n                background: #FAFAFA;\r\n            }\r\n            #mb7f09f16db-modal .mbp-inner-inp:focus {\r\n                background: #FFF; border-color: #EE2D24;\r\n            }\r\n\r\n            \/* \u2500\u2500 GRID \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db-grid {\r\n                padding: 12px 24px 24px; overflow-y: auto; flex: 1;\r\n                display: grid;\r\n                grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\r\n                gap: 14px; align-content: start;\r\n            }\r\n            #mb7f09f16db-grid::-webkit-scrollbar { width: 4px; }\r\n            #mb7f09f16db-grid::-webkit-scrollbar-thumb { background: #DDD; border-radius: 10px; }\r\n\r\n            \/* \u2500\u2500 BAY\u0130 KARTI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db .mbp-card {\r\n                background: #F8F8F8; border: 1.5px solid #EBEBEB;\r\n                border-radius: 14px; padding: 17px 17px 15px;\r\n                display: flex; flex-direction: column; gap: 10px;\r\n                transition: border-color .2s, box-shadow .2s, transform .15s;\r\n            }\r\n            #mb7f09f16db .mbp-card:hover {\r\n                border-color: #D8D8D8;\r\n                box-shadow: 0 6px 22px rgba(0,0,0,.08);\r\n                transform: translateY(-2px);\r\n            }\r\n            #mb7f09f16db .mbp-card-top {\r\n                display: flex; justify-content: space-between; align-items: flex-start; gap: 8px;\r\n            }\r\n            #mb7f09f16db .mbp-card-name {\r\n                font-size: 14px; font-weight: 700; color: #111; line-height: 1.35;\r\n            }\r\n            #mb7f09f16db .mbp-card-ilce {\r\n                display: inline-block; font-size: 10px; font-weight: 700; color: #666;\r\n                background: #EBEBEB; padding: 3px 9px; border-radius: 5px;\r\n                white-space: nowrap; flex-shrink: 0;\r\n            }\r\n            #mb7f09f16db .mbp-card-adres {\r\n                font-size: 12px; color: #888; line-height: 1.6;\r\n                border-top: 1px solid #EFEFEF; padding-top: 10px;\r\n            }\r\n            #mb7f09f16db .mbp-card-actions {\r\n                display: flex; flex-wrap: wrap; gap: 7px; margin-top: 2px;\r\n            }\r\n            #mb7f09f16db .mbp-card-tel {\r\n                display: inline-flex; align-items: center; gap: 7px;\r\n                background: #111; color: #FFF; text-decoration: none;\r\n                padding: 9px 14px; border-radius: 9px;\r\n                font-size: 12px; font-weight: 600;\r\n                transition: background .2s; white-space: nowrap;\r\n            }\r\n            #mb7f09f16db .mbp-card-tel:hover { background: #EE2D24; color: #FFF; }\r\n            #mb7f09f16db .mbp-map-btn {\r\n                display: inline-flex; align-items: center; gap: 6px;\r\n                background: #F0F0F0; color: #444; text-decoration: none;\r\n                padding: 9px 13px; border-radius: 9px;\r\n                font-size: 12px; font-weight: 600;\r\n                transition: background .2s, color .2s; white-space: nowrap;\r\n            }\r\n            #mb7f09f16db .mbp-map-btn:hover { background: #EE2D24; color: #FFF; }\r\n            #mb7f09f16db .mbp-web-btn {\r\n                display: inline-flex; align-items: center; gap: 6px;\r\n                background: #F0F0F0; color: #444; text-decoration: none;\r\n                padding: 9px 13px; border-radius: 9px;\r\n                font-size: 12px; font-weight: 600;\r\n                transition: background .2s, color .2s; white-space: nowrap;\r\n            }\r\n            #mb7f09f16db .mbp-web-btn:hover { background: #EE2D24; color: #FFF; }\r\n            #mb7f09f16db .mbp-card-email {\r\n                font-size: 11px; color: #999; text-decoration: none;\r\n                display: inline-flex; align-items: center; gap: 5px;\r\n                transition: color .2s;\r\n            }\r\n            #mb7f09f16db .mbp-card-email:hover { color: #EE2D24; }\r\n\r\n            \/* \u2500\u2500 BO\u015e DURUM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #mb7f09f16db .mbp-empty {\r\n                grid-column: 1 \/ -1; text-align: center; padding: 52px 20px;\r\n            }\r\n            #mb7f09f16db .mbp-empty svg { display: block; margin: 0 auto 14px; }\r\n            #mb7f09f16db .mbp-empty strong { display: block; font-size: 15px; color: #444; margin-bottom: 6px; }\r\n            #mb7f09f16db .mbp-empty span { font-size: 13px; color: #AAA; }\r\n\r\n            \/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            @media (max-width: 767px) {\r\n                \/* Harita \u2192 tam geni\u015flik, scroll yok *\/\r\n                #mb7f09f16db .mbp-map-area { overflow: hidden; }\r\n\r\n                \/* Arama \u00e7ubu\u011fu dikey *\/\r\n                #mb7f09f16db .mbp-search-bar { flex-direction: column; gap: 8px; }\r\n                #mb7f09f16db .mbp-search-btn { width: 100%; justify-content: center; height: 44px; }\r\n\r\n                \/* Modal full-screen *\/\r\n                .mbp-overlay-mb7f09f16db { padding: 0; align-items: flex-end; }\r\n                #mb7f09f16db-modal .mbp-dialog {\r\n                    max-height: 92vh; border-radius: 20px 20px 0 0;\r\n                    animation: mDlgMobile .3s cubic-bezier(.34,1.2,.64,1);\r\n                }\r\n                @keyframes mDlgMobile {\r\n                    from { opacity:1; transform: translateY(100%) }\r\n                    to   { opacity:1; transform: translateY(0) }\r\n                }\r\n\r\n                #mb7f09f16db-modal .mbp-dialog-head { padding: 20px 18px 14px; }\r\n                #mb7f09f16db-modal .mbp-dialog-meta { padding: 10px 18px; }\r\n                #mb7f09f16db-modal .mbp-inner-bar  { padding: 10px 14px 8px; }\r\n                #mb7f09f16db-grid { padding: 8px 14px 20px; grid-template-columns: 1fr; }\r\n                #mb7f09f16db-modal .mbp-dialog-title { font-size: 18px; }\r\n\r\n                \/* Modal i\u00e7inde swipe indicator *\/\r\n                #mb7f09f16db-modal .mbp-dialog::before {\r\n                    content: ''; display: block; width: 36px; height: 4px;\r\n                    background: #DDD; border-radius: 2px;\r\n                    margin: 10px auto -4px; flex-shrink: 0;\r\n                }\r\n            }\r\n\r\n            @media (min-width: 768px) and (max-width: 1024px) {\r\n                #mb7f09f16db-grid { grid-template-columns: repeat(2, 1fr); }\r\n            }\r\n            <\/style>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n\r\n                var UID = \"mb7f09f16db\";\r\n                var CFG = {\r\n                    bayiler:     [{\"city_id\":\"kocaeli\",\"title\":\"Adanex Elektrik Malzemeleri Taahh\\u00fct San.Tic.Ltd.\\u015eti. ExProof Bayisi\",\"ilce\":\"\",\"adres\":\"Sanayi Mah. Koray Sok. 16\\\/A \\u0130zmit\\\/KOCAEL\\u0130\",\"tel\":\"08507629761\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.adanex.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"trabzon\",\"title\":\"Ak\\u0131m Elektrik Pazarlama M\\u00fchendislik \\u0130n\\u015f.Taah.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Kaymakl\\u0131 Mah.Anadolu Blv.No:112 A Ortahisar\",\"tel\":\"04623251919\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.akimelektrik.net\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Akp\\u0131nar Kablo Elektrik San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Bereketzade Ok\\u00e7umusa Cad. K\\u0131smet Han No:36\\\/1 Beyo\\u011flu\",\"tel\":\"02122922606\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.akpinarkabloelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Anka Elekt.Elektronik M\\u00fch.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Ferhatpa\\u015fa Mah.G-12 Sokak No:11  Ata\\u015fehir\",\"tel\":\"02166601616\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.ankamuh.com\\\/\",\"harita\":\"\"},{\"city_id\":\"ankara\",\"title\":\"Ankasim Elk.Taah.\\u0130malat Mon.San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"100.Y\\u0131l Bulvar\\u0131 Kosova \\u0130\\u015f Merkezi No:137\\\/C Yenimahalle\",\"tel\":\"03123546364\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.ankasim.com.tr\\\/tr\",\"harita\":\"\"},{\"city_id\":\"izmir\",\"title\":\"Anotek Elektrik M\\u00fchendislik San.Ve.Tic. A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Halkap\\u0131nar Mah. 1082 Sokak No:3\\\/A Konak-\\u0130ZM\\u0130R\",\"tel\":\"02327543074\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.anotekelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"isparta\",\"title\":\"Ardel Elektrik Malz.Paz.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"\\u0130stiklal Mah.104.Cadde 1119 Sokak No:16\",\"tel\":\"02462186999\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"manisa\",\"title\":\"Atak Elek.M\\u00fch.Otomasyon San.Ve Tic. A.\\u015e.\",\"ilce\":\"\",\"adres\":\"G\\u00fczelyurt Mah.5775 Sokak No:70\\\/A Orta \\u00d6l\\u00e7ekli Sanayi B\\u00f6lgesi Yunusemre\",\"tel\":\"02362332888\",\"email\":\"\",\"website\":\"https:\\\/\\\/atakelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"ankara\",\"title\":\"Ayd\\u0131nlar Elektrik San.Ve Tic.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"100.Y\\u0131l Bulvar\\u0131 No:112 Yenimahalle -ANKARA\",\"tel\":\"03123541477\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.aydinlar.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"bursa\",\"title\":\"Aynes Elektrik - Aytekin Y\\u0131lmaz\",\"ilce\":\"\",\"adres\":\"Nil\\u00fcfer Ticaret Merkezi 66 Sok. No:12 Nil\\u00fcfer\",\"tel\":\"02244431545\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.ayneselektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"kocaeli\",\"title\":\"Aytes Elektrik Mak.\\u0130n\\u015f.\\u0130th.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Sanayi Mah.\\u00c7ar\\u015f\\u0131 Yap\\u0131 Avm.C Blok No:18\",\"tel\":\"02623355230\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.ayteselektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Bef Elektromarket Elektronik San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Meclis Mah.Manyas Sokak No:14 A \\u0130\\u00e7 Kap\\u0131 No:1 Sancaktepe\",\"tel\":\"02163131200\",\"email\":\"\",\"website\":\"https:\\\/\\\/befelektromarket.com\\\/\",\"harita\":\"\"},{\"city_id\":\"eskisehir\",\"title\":\"Bekas Elektrik \\u0130n\\u015f.Malz.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"75.Y\\u0131l Mah.Teksan San.Sitesi C-4 Blok No:2\\\/7  Odunpazar\\u0131\",\"tel\":\"02222205800\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.bekaselektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"izmir\",\"title\":\"Bolem Elk.Elektronik San.Ve Tic.A.\\u015f.\",\"ilce\":\"\",\"adres\":\"1203\\\/9 Sokak  No:3\\\/1 Yeni\\u015fehir Konak\",\"tel\":\"02324699595\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.bolemelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"\\u00c7a\\u011fr\\u0131 Elk.Proj.Taah.Tur.San.Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Beylikd\\u00fcz\\u00fc Beykent Sanayi Sitesi No:153 B\\u00fcy\\u00fck\\u00e7ekmece\",\"tel\":\"02128730330\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.cagrielektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"eskisehir\",\"title\":\"Ces Elektrik \\u0130n\\u015faat Taahh\\u00fct San. Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"75. Y\\u0131l (Sultandere)Mah.Teksan K\\u00fcme Evleri No:1 H2 \\u0130\\u00e7 Kap\\u0131 No:6 Odupazar\\u0131\",\"tel\":\"02222403434\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"tekirdag\",\"title\":\"\\u00c7orlu G\\u00fcven Elektrik Bobinaj Otomasyon San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"\\u015eeyh Sinan Mah. Halla\\u00e7o\\u011flu Sok. Seven Apt. No:9\\\/A \\u00c7orlu\",\"tel\":\"02826513135\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"denizli\",\"title\":\"Demsan Denizli Elk.Malz.San Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"S\\u00fcmer Mah.\\u00c7al Cd.No:110 Merkezefendi\",\"tel\":\"02582688656\",\"email\":\"\",\"website\":\"https:\\\/\\\/demsanelektrik.com.tr\\\/index.html\",\"harita\":\"\"},{\"city_id\":\"adana\",\"title\":\"Deniz Karde\\u015fler Elektrik Elektr.\\u0130n\\u015f.G\\u0131d.Hay.San.Tic.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"\\u00d6zg\\u00fcr Mah.Girne Blv.No:181 Y\\u00fcre\\u011fir Adana\",\"tel\":\"3223245851\",\"email\":\"\",\"website\":\"https:\\\/\\\/denizkardesler.com\\\/\",\"harita\":\"\"},{\"city_id\":\"afyonkarahisar\",\"title\":\"Dervi\\u015fo\\u011flu Ayd. Ve Elk.Malz.San.Tic.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"2.K\\u00fc\\u00e7\\u00fck San. Sit. Veysel Karani Mah. 1133 Sok. No:18\\\/A:A\",\"tel\":\"02722235522\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Do\\u011fan Elektromekanik \\u0130n\\u015f.Taah.San. Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Emekyemez Mah. Yan\\u0131kkap\\u0131 Sok. No:21\\\/A Beyo\\u011flu\",\"tel\":\"02122387001\",\"email\":\"\",\"website\":\"http:\\\/\\\/www.doganelektromekanik.com.tr\\\/default.asp\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Dolfin Elektrik San. Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Mescit Mah. Fettah Ba\\u015faran Cad. No:45\\\/2 Orhanl\\u0131 Tuzla\",\"tel\":\"02164467267\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.dolfinelektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"ankara\",\"title\":\"Doruk HK Enerji Elektrik San. Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"\\u0130vedik Org.San.B\\u00f6lg.Mah. 1419 Cad.No:1-K\\\/3 Cadde \\u0130vedik (Elektrokent 1 Yan\\u0131)\",\"tel\":\"03123099111\",\"email\":\"\",\"website\":\"https:\\\/\\\/dorukenerji.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Dostel Otomasyon Elektrik Elektronik San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Orhanl\\u0131 Mescit Mah.Demokrasi Cad.Birmes San.Sit. A10 Blok No:12 Tuzla\",\"tel\":\"02163070440\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.dostelotomasyon.net\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Dostlar Elk.Malz.San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Halil R\\u0131fat Pa\\u015fa Mah. Y\\u00fczer Havuz Sk.No:1A Perpa Tic.Merkezi A Blok K:5 No:123\",\"tel\":\"02122228833\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.dostlarelektrik.istanbul\\\/\",\"harita\":\"\"},{\"city_id\":\"manisa\",\"title\":\"Efem Mekatr.Otom.Mak.Pls.Mak.Ekip.\\u0130ml.St\\u015f.Ser.\\u0130th.\\u0130hr.San.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"G\\u00fczelyurt Mah. Mehmet Akif Ersoy Cad.No:84\\\/A  Yunusemre\",\"tel\":\"02362333141\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.efemmekatronik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"sakarya\",\"title\":\"Elpim Mak.\\u0130n\\u015f.Elek.Malz.Paz.Tic.Ve San.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Erenler Mah.1201 Sokak No:12\\\/1 Erenler\",\"tel\":\"02642760083\",\"email\":\"\",\"website\":\"https:\\\/\\\/elpim.com.tr\\\/anasayfa\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Elsis Elektrik A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Esen\\u015fehir Mah.At\\u0131l\\u0131m Sokak No:19\\\/A  \\u00dcmraniye\",\"tel\":\"02164669803\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.elsiselektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"kayseri\",\"title\":\"Enartek Arge Teknolojileri Elk.Elektronik Otom.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"KAYSER\\u0130 OSB. MAH. 24.CAD. NO:2 PK:38070 MEL\\u0130KGAZ\\u0130\\\/KAYSER\\u0130\",\"tel\":\"03525133300\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"izmir\",\"title\":\"Ensa Otom.Mak.Elk.Ayd.\\u0130n\\u015f.San.Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"1203\\\/11 Sok. No:3\\\/C \\u00d6meratl\\u0131 \\u0130\\u015f Merkezi Yeni\\u015fehirKonak\",\"tel\":\"02324334246\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"mersin\",\"title\":\"Er Elektrik\",\"ilce\":\"\",\"adres\":\"Mustafa Kemal Mah. H. Okan Merzeci Bulvar\\u0131 No: 396\\\/A 33090 MERS\\u0130N\",\"tel\":\"03242263637\",\"email\":\"\",\"website\":\"https:\\\/\\\/erelektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"mersin\",\"title\":\"Er Elektrik San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Mustafa Kemal Mah. H\\u00fcseyin Okan Merzeci Bulvar\\u0131 No:396\\\/A Toroslar\",\"tel\":\"03242263637\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"mersin\",\"title\":\"Erayd\\u0131n Elk.San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Portakal Mah.H\\u00fcseyin Okan Merzeci Bulvar\\u0131 No:356 Toroslar\",\"tel\":\"03243363435\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.eraydinelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"kocaeli\",\"title\":\"Erhan \\u0130lhan - Ertek Elektrik Ve End.Otom.\",\"ilce\":\"\",\"adres\":\"Gaziler Mah. \\u0130brahima\\u011fa Cad. No:267\\\/A Gebze\",\"tel\":\"02626460695\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"denizli\",\"title\":\"Eriko\\u011flu Elektrik San.Ve Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Kale Mah.312 Sokak No:6\\\/A Pamukkale\",\"tel\":\"02582672277\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.erikogluelektrik.com.tr\\\/index.html\",\"harita\":\"\"},{\"city_id\":\"izmir\",\"title\":\"Erkem Elk.Tel.San. Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Pakistan Bulv. No:36\\\/C \\u015eahinkaya \\u0130\\u015f Mrk. Konak\",\"tel\":\"02324490113\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.erkemelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"bursa\",\"title\":\"Felko Elektromarket San.Ve Tic.A.\\u015f.\",\"ilce\":\"\",\"adres\":\"Nil\\u00fcfer Ticaret Merkezi 66.Sokak No:23-25 Nil\\u00fcfer\",\"tel\":\"02244434500\",\"email\":\"\",\"website\":\"https:\\\/\\\/felko.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"gaziantep\",\"title\":\"Geylani Elektrik San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"1.Org.San.B\\u00f6lgesi D-400 Karayolu 83102 No lu Sokak No:24  OSB Cami yan\\u0131 \\u015eehitkamil\",\"tel\":\"03423373205\",\"email\":\"\",\"website\":\"http:\\\/\\\/www.geylanielektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"gaziantep\",\"title\":\"Geylani Enerji Sanayi Ve Ticaret Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"2.Organize San.B\\u00f6lgesi Celal Do\\u011fan Blv.No:44 Gaziantep\",\"tel\":\"03422153060\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.geylanienerji.com\\\/\",\"harita\":\"\"},{\"city_id\":\"izmir\",\"title\":\"G\\u00fclery\\u00fcz Elektronik Mak.Ve Elek.San.Ve Tic.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"1203\\\/4 Sokak No:11\\\/C Yeni\\u015fehir Konak\",\"tel\":\"02324584885\",\"email\":\"\",\"website\":\"https:\\\/\\\/guleryuzelektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"antalya\",\"title\":\"Hamamc\\u0131o\\u011flu Ayd\\u0131nlatma San.Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Murat Pa\\u015fa Mah. 605. Sokak Y\\u0131ld\\u0131r\\u0131m Sar\\u0131lar Apt.  No:8\\\/A Muratpa\\u015fa\",\"tel\":\"02423221222\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.hamamcioglu.com.tr\\\/index.html\",\"harita\":\"\"},{\"city_id\":\"denizli\",\"title\":\"Hisar Elektrik Elektronik M\\u00fch.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Ahisinan Cad. No:32\",\"tel\":\"02582633355\",\"email\":\"\",\"website\":\"https:\\\/\\\/hisarelektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"izmir\",\"title\":\"\\u0130mge Sanayi \\u00dcr\\u00fcnleri Paz.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"1004 Sokak No:1 Yeni\\u015fehir Konak-\\u0130ZM\\u0130R\",\"tel\":\"02324697355\",\"email\":\"\",\"website\":\"https:\\\/\\\/imgeelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"\\u0130pek Elk.M\\u00fch.San. Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Perpa Ticaret Merkezi A Blok Kat:8 No:830 Okmeydan\\u0131 \\u015ei\\u015fli-\\u0130STANBUL\",\"tel\":\"02122216065\",\"email\":\"\",\"website\":\"http:\\\/\\\/www.ipekelektrik.net\\\/\",\"harita\":\"\"},{\"city_id\":\"burdur\",\"title\":\"I\\u015f\\u0131k Elektrik G\\u0131da San.Tic.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"\\u00d6zg\\u00fcr Mah. C\\u00fcmb\\u00fc\\u015fl\\u00fc Caddesi No:15\",\"tel\":\"02482339595\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"denizli\",\"title\":\"I\\u015f\\u0131k Elektrik M\\u00fch.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Ahisinan Cad. Yeni Kalei\\u00e7i \\u00c7ars\\u0131s\\u0131 No:4\\\/44\",\"tel\":\"02582422000\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.isik.info\\\/anasayfa\",\"harita\":\"\"},{\"city_id\":\"balikesir\",\"title\":\"Kaleser Elektrik Mak.Tur.\\u0130n\\u015f.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Atat\\u00fcrk Cad. 32.Sokak No:29 Band\\u0131rma\",\"tel\":\"02667153100\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"konya\",\"title\":\"Konya Enerji Elk.Malz.Tic.Ve San.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"Fevzi \\u00c7akmak Mah.B\\u00fcsan \\u00d6zel Org.San.B\\u00f6lgesi Kosgeb Cad.No:66 Karatay\",\"tel\":\"03323450900\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.konyaenerji.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"eskisehir\",\"title\":\"Krc Elektro Market San.Ve Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Organize San.B\\u00f6lg. 9.Cadde No:23 Odunpazar\\u0131\",\"tel\":\"02222343404\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.krcelektromarket.com\\\/\",\"harita\":\"\"},{\"city_id\":\"diyarbakir\",\"title\":\"Mega Elektrik - Ahmet Ak\\u00fcz\\u00fcm\",\"ilce\":\"\",\"adres\":\"Vilayet Cad. OK 2 Pasaj\\u0131 No:5 Yeni\\u015fehir\",\"tel\":\"04122292882\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"konya\",\"title\":\"Murat \\u00c7elik Elk.\\u0130n\\u015f.Mak.San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Fevzi \\u00c7akmak Mah.Asl\\u0131m Cad.No:34\\\/F Karatay\",\"tel\":\"03325020700\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.mceelektrik.com.tr\\\/index.html\",\"harita\":\"\"},{\"city_id\":\"gaziantep\",\"title\":\"Olimpiyat Otomasyon M\\u00fch.\\u0130th.\\u0130hr.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"\\u0130ncilip\\u0131nar Mah. 1 Nolu Cad. Saray Apt. No:7\\\/D \\u015eehitkamil\",\"tel\":\"03422153575\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.olimpiyatotomasyon.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"hatay\",\"title\":\"\\u00d6z \\u00dcmit Elektrik - Mustafa \\u00c7\\u0131k\\u0131k\",\"ilce\":\"\",\"adres\":\"G\\u00fczelbur\\u00e7 Mah.A\\u015f\\u0131k Veysel Cad. No:19\\\/1 Antakya -Hatay\",\"tel\":\"03262213535\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"\\u00d6z-Er Elektrik A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Emekyemez Mah. Amber Sok. \\u00d6zer Han No:4\\\/6 Karak\\u00f6y Beyo\\u011flu\",\"tel\":\"02122351808\",\"email\":\"\",\"website\":\"https:\\\/\\\/oz-erelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"mugla\",\"title\":\"\\u00d6zcan Bobinaj - Hasan \\u00d6zcan\",\"ilce\":\"\",\"adres\":\"Yeni Mahalle \\u0130n\\u00f6n\\u00fc Bulvar\\u0131 No:54 Yata\\u011fan\",\"tel\":\"02525727771\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"ankara\",\"title\":\"\\u00d6zdo\\u011fan Otomasyon Elektrik San.Ve Tic.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"\\u0130vedik Osb.Mah. 1373 Cad. No:14 Yenimahalle Ankara\",\"tel\":\"03123952553\",\"email\":\"\",\"website\":\"https:\\\/\\\/ozdoganotomasyon.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"adana\",\"title\":\"\\u00d6zteknik Enerji Elektr.Elek.Mak.San.\\u0130\\u00e7 Ve D\\u0131\\u015f Tic.Ltd.\\u015eti\",\"ilce\":\"\",\"adres\":\"Adana Hac\\u0131 Sabanc\\u0131 Org.San.B\\u00f6l.25.Cad No:11\\\/A  Y\\u00fcre\\u011fir\",\"tel\":\"03223944013\",\"email\":\"\",\"website\":\"http:\\\/\\\/www.ozteknikenerji.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"P\\u0131nar Elk.Malz.San.Ve Tic.Paz.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Orta Mah.\\u00c7evreyolu Cad.No:1\\\/A  Bayrampa\\u015fa\",\"tel\":\"02126134711\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.pinarelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"kayseri\",\"title\":\"Ruhba\\u015f Elk.Otm.\\u0130n\\u015f.Taah.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"Sanayi B\\u00f6lgesi 3.Cadde 18.Sokak No:3\",\"tel\":\"03523363210\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.ruhbas.com\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Simta\\u015f Elk.San.Ve Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Ak\\u00e7aburgaz Mah. G\\u00fcldallar \\u0130\\u015f Merkezi No:84\\\/D Esenyurt\",\"tel\":\"02128861960\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.simtaselektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Taner Elk.Oto.Ve Mak.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"\\u0130MES SANAY\\u0130 S\\u0130TES\\u0130 C BLOK 303 SOKAK NO:1 \\u00dcMRAN\\u0130YE\",\"tel\":\"02163643030\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.tanerelektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Tfd Elektrik Kablo Sanayi Ve Ticaret A.\\u015e.\",\"ilce\":\"\",\"adres\":\"Halil R\\u0131fat Pa\\u015fa Mah.Y\\u00fczer Havuz Sok.Perpa Ticaret Merkezi A Blok Kat:2 No:11-12 \\u015ei\\u015fli\",\"tel\":\"02122569782\",\"email\":\"\",\"website\":\"https:\\\/\\\/tfdelektrik.com\\\/\",\"harita\":\"\"},{\"city_id\":\"tekirdag\",\"title\":\"Trakya End.Fabr.Malz.Paz.San.Ve Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"G.O.P.Mah.Fevzipa\\u015fa Cad.No:5 \\u00c7erkezk\\u00f6y\",\"tel\":\"02827269045\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.trakyaendustri.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"yalova\",\"title\":\"\\u00dcmelsan Elk.\\u0130n\\u015f.Day.T\\u00fck.Malz.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"\\u00c7iftlik Mah. Sanayi Cad.K\\u00fc\\u00e7\\u00fck San.Sit.G Blok No:24\\\/13-14-15-16  \\u00c7iftlikk\\u00f6y\",\"tel\":\"02268121829\",\"email\":\"\",\"website\":\"https:\\\/\\\/umelsan.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"ankara\",\"title\":\"\\u00dcnko Elek.Mak.\\u0130n\\u015f.San.Tic.A.\\u015e.\",\"ilce\":\"\",\"adres\":\"\\u0130vogsan 1467. Cad. Elektrokent No:2\\\/23 Yenimahalle\",\"tel\":\"03123548656\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.unko.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"istanbul\",\"title\":\"Uzman Elk.\\u0130n\\u015f.\\u0130th.\\u0130hr.San.Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"\\u0130n\\u00f6n\\u00fc Mah.Halkal\\u0131 Cad.No:22\\\/1 Sefak\\u00f6y-K\\u00fc\\u00e7\\u00fck\\u00e7ekmece\",\"tel\":\"02124727105\",\"email\":\"\",\"website\":\"http:\\\/\\\/www.uzman-elektrik.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"bursa\",\"title\":\"Volen Mekatronik Sanayi Ticaret Limited \\u015eirketi\",\"ilce\":\"\",\"adres\":\"Alaaddinbey Mh.615.Sk.\\u00dcnl\\u00fc Plaza 2 No:2B\\\/C Nil\\u00fcfer\\\/Bursa\",\"tel\":\"02244411105\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.volen.com.tr\\\/\",\"harita\":\"\"},{\"city_id\":\"kocaeli\",\"title\":\"Yazg\\u0131m Elk.Ta\\u015f.\\u0130n\\u015f.San.Ve Tic.Ltd.\\u015eti.\",\"ilce\":\"\",\"adres\":\"G\\u00fczeller Mah.\\u0130brahim A\\u011fa Cad.No:46  Gebze\",\"tel\":\"02626463638\",\"email\":\"\",\"website\":\"\",\"harita\":\"\"},{\"city_id\":\"adana\",\"title\":\"Yd Enerji Elektrik Otomasyon Kontrol Sistemleri-\\u0130lkay Nartt\\u00fcrk\",\"ilce\":\"\",\"adres\":\"Ye\\u015filoba Mh.46107 Sk.Efer 3 Sanayi Sitesi No:9\\\/B Seyhan\\\/Adana\",\"tel\":\"03224283333\",\"email\":\"\",\"website\":\"https:\\\/\\\/www.ydotomasyon.com\\\/\",\"harita\":\"\"}],\r\n                    cities:      {\"adana\":\"Adana\",\"adiyaman\":\"Ad\\u0131yaman\",\"afyonkarahisar\":\"Afyonkarahisar\",\"agri\":\"A\\u011fr\\u0131\",\"amasya\":\"Amasya\",\"ankara\":\"Ankara\",\"antalya\":\"Antalya\",\"artvin\":\"Artvin\",\"aydin\":\"Ayd\\u0131n\",\"balikesir\":\"Bal\\u0131kesir\",\"bilecik\":\"Bilecik\",\"bingol\":\"Bing\\u00f6l\",\"bitlis\":\"Bitlis\",\"bolu\":\"Bolu\",\"burdur\":\"Burdur\",\"bursa\":\"Bursa\",\"canakkale\":\"\\u00c7anakkale\",\"cankiri\":\"\\u00c7ank\\u0131r\\u0131\",\"corum\":\"\\u00c7orum\",\"denizli\":\"Denizli\",\"diyarbakir\":\"Diyarbak\\u0131r\",\"edirne\":\"Edirne\",\"elazig\":\"Elaz\\u0131\\u011f\",\"erzincan\":\"Erzincan\",\"erzurum\":\"Erzurum\",\"eskisehir\":\"Eski\\u015fehir\",\"gaziantep\":\"Gaziantep\",\"giresun\":\"Giresun\",\"gumushane\":\"G\\u00fcm\\u00fc\\u015fhane\",\"hakkari\":\"Hakk\\u00e2ri\",\"hatay\":\"Hatay\",\"isparta\":\"Isparta\",\"mersin\":\"Mersin\",\"istanbul\":\"\\u0130stanbul\",\"izmir\":\"\\u0130zmir\",\"kars\":\"Kars\",\"kastamonu\":\"Kastamonu\",\"kayseri\":\"Kayseri\",\"kirklareli\":\"K\\u0131rklareli\",\"kirsehir\":\"K\\u0131r\\u015fehir\",\"kocaeli\":\"Kocaeli\",\"konya\":\"Konya\",\"kutahya\":\"K\\u00fctahya\",\"malatya\":\"Malatya\",\"manisa\":\"Manisa\",\"kahramanmaras\":\"Kahramanmara\\u015f\",\"mardin\":\"Mardin\",\"mugla\":\"Mu\\u011fla\",\"mus\":\"Mu\\u015f\",\"nevsehir\":\"Nev\\u015fehir\",\"nigde\":\"Ni\\u011fde\",\"ordu\":\"Ordu\",\"rize\":\"Rize\",\"sakarya\":\"Sakarya\",\"samsun\":\"Samsun\",\"siirt\":\"Siirt\",\"sinop\":\"Sinop\",\"sivas\":\"Sivas\",\"tekirdag\":\"Tekirda\\u011f\",\"tokat\":\"Tokat\",\"trabzon\":\"Trabzon\",\"tunceli\":\"Tunceli\",\"sanliurfa\":\"\\u015eanl\\u0131urfa\",\"usak\":\"U\\u015fak\",\"van\":\"Van\",\"yozgat\":\"Yozgat\",\"zonguldak\":\"Zonguldak\",\"aksaray\":\"Aksaray\",\"bayburt\":\"Bayburt\",\"karaman\":\"Karaman\",\"kirikkale\":\"K\\u0131r\\u0131kkale\",\"batman\":\"Batman\",\"sirnak\":\"\\u015e\\u0131rnak\",\"bartin\":\"Bart\\u0131n\",\"ardahan\":\"Ardahan\",\"igdir\":\"I\\u011fd\\u0131r\",\"yalova\":\"Yalova\",\"karabuk\":\"Karab\\u00fck\",\"kilis\":\"Kilis\",\"osmaniye\":\"Osmaniye\",\"duzce\":\"D\\u00fczce\"},\r\n                    svgUrl:      \"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/turkey.svg\",\r\n                    cDefault:    \"#B8B8B8\",\r\n                    cHasBayi:    \"#5A5C5E\",\r\n                    cHover:      \"#EE2D24\",\r\n                    cStroke:     \"#FFFFFF\",\r\n                    strokeW:     0.8000000000000000444089209850062616169452667236328125                };\r\n\r\n                \/* \u2500\u2500 \u0130STANBUL NORMAL\u0130ZASYONU \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n                 *  SVG'de \u0130stanbul 3 grup olarak gelir:\r\n                 *    <g id=\"istanbul\">\r\n                 *      <g id=\"istanbul-asya\">\r\n                 *      <g id=\"istanbul-avrupa\">\r\n                 *  Her ikisine t\u0131klay\u0131nca \"istanbul\" ID kullan\u0131l\u0131r.\r\n                 * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                var ALIASES = { 'istanbul-asya': 'istanbul', 'istanbul-avrupa': 'istanbul' };\r\n\r\n                function resolveId( raw ) { return ALIASES[ raw ] || raw; }\r\n\r\n                \/* \u2500\u2500 Bayisi olan \u015fehirler seti \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                var dealerSet = {};\r\n                CFG.bayiler.forEach( function( b ) { dealerSet[ b.city_id ] = true; } );\r\n\r\n                \/* \u2500\u2500 DOM \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                function q( id ) { return document.getElementById( UID + id ); }\r\n                var mapEl    = q( '-map' );\r\n                var modal    = q( '-modal' );\r\n                var titleEl  = q( '-mtitle' );\r\n                var countEl  = q( '-count' );\r\n                var gridEl   = q( '-grid' );\r\n                var filtEl   = q( '-filter' );\r\n                var comboInp = q( '-combo' );\r\n                var comboBox = comboInp.closest( '.mbp-combobox' );\r\n                var comboLst = q( '-listbox' );\r\n                var clearBtn = q( '-clear' );\r\n                var searchBtn= q( '-sbtn' );\r\n                var loader   = q( '-loader' );\r\n\r\n                var selectedCity = null;   \/\/ combobox'ta se\u00e7ili \u015fehir ID'si\r\n                var activeCity   = null;   \/\/ haritada a\u00e7\u0131k \u015fehir\r\n                var kbIdx        = -1;     \/\/ klavye navigasyon index'i\r\n\r\n                \/* \u2500\u2500 XSS Korumas\u0131 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                function esc( s ) {\r\n                    if ( !s ) return '';\r\n                    var d = document.createElement( 'div' );\r\n                    d.appendChild( document.createTextNode( String( s ) ) );\r\n                    return d.innerHTML;\r\n                }\r\n\r\n                \/* \u2500\u2500 \u015eehir temel rengi \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                function baseColor( id ) {\r\n                    return dealerSet[ id ] ? CFG.cHasBayi : CFG.cDefault;\r\n                }\r\n\r\n                \/* \u2500\u2500 Bir \u015fehrin t\u00fcm path'lerini renklendir \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                function paintCity( cityId, color ) {\r\n                    [ cityId, cityId + '-asya', cityId + '-avrupa' ].forEach( function( gid ) {\r\n                        var g = mapEl.querySelector( '#' + gid );\r\n                        if ( !g ) return;\r\n                        g.querySelectorAll( 'path' ).forEach( function( p ) {\r\n                            p.style.fill        = color;\r\n                            p.style.stroke      = CFG.cStroke;\r\n                            p.style.strokeWidth = CFG.strokeW;\r\n                        } );\r\n                    } );\r\n                }\r\n\r\n                \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n                 *  SVG Y\u00dcKLEME\r\n                 * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                if ( CFG.svgUrl ) {\r\n                    fetch( CFG.svgUrl )\r\n                        .then( function( r ) {\r\n                            if ( !r.ok ) throw new Error( 'HTTP ' + r.status );\r\n                            return r.text();\r\n                        } )\r\n                        .then( function( svgText ) {\r\n                            \/*\r\n                             * \u2500\u2500 SVG G\u00dcVENL\u0130K TARAMASI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n                             *  1) Tehlikeli tag'ler kald\u0131r\u0131l\u0131r\r\n                             *  2) Inline event handler'lar (on*) temizlenir\r\n                             *  3) javascript: \/ data: URL'leri engellenir\r\n                             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                            var tmp = document.createElement( 'div' );\r\n                            tmp.innerHTML = svgText;\r\n\r\n                            \/* 1 \u2014 Tehlikeli elementler *\/\r\n                            [ 'script','use','foreignObject','iframe','embed','object','link','meta' ]\r\n                                .forEach( function( tag ) {\r\n                                    tmp.querySelectorAll( tag ).forEach( function( el ) {\r\n                                        el.parentNode.removeChild( el );\r\n                                    } );\r\n                                } );\r\n\r\n                            \/* 2 \u2014 Inline event handler'lar + 3 \u2014 javascript:\/data: URL'leri *\/\r\n                            tmp.querySelectorAll( '*' ).forEach( function( el ) {\r\n                                Array.from( el.attributes ).forEach( function( attr ) {\r\n                                    if ( \/^on\/i.test( attr.name ) ) {\r\n                                        el.removeAttribute( attr.name );\r\n                                    }\r\n                                    if ( \/^(href|xlink:href|src|action|formaction)$\/i.test( attr.name ) &&\r\n                                         \/^\\s*(javascript|data):\/i.test( attr.value ) ) {\r\n                                        el.removeAttribute( attr.name );\r\n                                    }\r\n                                } );\r\n                            } );\r\n\r\n                            var svgEl = tmp.querySelector( 'svg' );\r\n                            if ( !svgEl ) throw new Error( 'Ge\u00e7erli SVG bulunamad\u0131.' );\r\n                            mapEl.appendChild( svgEl );\r\n\r\n                            loader.classList.add( 'hidden' );\r\n\r\n                            \/* Path event'leri ba\u011fla *\/\r\n                            mapEl.querySelectorAll( 'g[id]' ).forEach( function( g ) {\r\n                                var rawId  = g.getAttribute( 'id' );\r\n                                var cityId = resolveId( rawId );\r\n\r\n                                g.querySelectorAll( 'path' ).forEach( function( path ) {\r\n                                    path.style.fill        = baseColor( cityId );\r\n                                    path.style.stroke      = CFG.cStroke;\r\n                                    path.style.strokeWidth = CFG.strokeW;\r\n\r\n                                    path.addEventListener( 'mouseenter', function() {\r\n                                        if ( cityId !== activeCity ) path.style.fill = CFG.cHover;\r\n                                    } );\r\n                                    path.addEventListener( 'mouseleave', function() {\r\n                                        if ( cityId !== activeCity ) path.style.fill = baseColor( cityId );\r\n                                    } );\r\n                                    path.addEventListener( 'click', function() {\r\n                                        openPopup( cityId );\r\n                                    } );\r\n                                } );\r\n                            } );\r\n                        } )\r\n                        .catch( function( err ) {\r\n                            loader.classList.add( 'hidden' );\r\n                            mapEl.innerHTML = '<p style=\"padding:30px;color:#c00;font-family:sans-serif\">Harita y\u00fcklenemedi. (' + esc( err.message ) + ')<\/p>';\r\n                            console.error( '[MeteMap v10]', err );\r\n                        } );\r\n                } else {\r\n                    loader.classList.add( 'hidden' );\r\n                    mapEl.innerHTML = '<p style=\"padding:30px;color:#c00;font-family:sans-serif\">Harita URL\\'si tan\u0131mlanmam\u0131\u015f.<\/p>';\r\n                }\r\n\r\n                \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n                 *  COMBOBOX ARAMA\r\n                 * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                var allCities = Object.keys( CFG.cities ).map( function( id ) {\r\n                    return { id: id, name: CFG.cities[ id ] };\r\n                } );\r\n\r\n                \/* T\u00fcrk\u00e7e karakter normalize *\/\r\n                function normalize( s ) {\r\n                    return String( s )\r\n                        .toLocaleLowerCase( 'tr-TR' )\r\n                        .replace( \/\u011f\/g, 'g' ).replace( \/\u00fc\/g, 'u' )\r\n                        .replace( \/\u015f\/g, 's' ).replace( \/\u0131\/g, 'i' )\r\n                        .replace( \/\u00f6\/g, 'o' ).replace( \/\u00e7\/g, 'c' );\r\n                }\r\n\r\n                function filterCities( query ) {\r\n                    if ( !query ) return allCities;\r\n                    var q = normalize( query );\r\n                    return allCities.filter( function( c ) {\r\n                        return normalize( c.name ).indexOf( q ) >= 0;\r\n                    } );\r\n                }\r\n\r\n                \/* E\u015fle\u015fen harfi vurgula *\/\r\n                function highlight( text, query ) {\r\n                    if ( !query ) return esc( text );\r\n                    var nText  = normalize( text );\r\n                    var nQuery = normalize( query );\r\n                    var idx    = nText.indexOf( nQuery );\r\n                    if ( idx < 0 ) return esc( text );\r\n                    return esc( text.slice( 0, idx ) )\r\n                         + '<em>' + esc( text.slice( idx, idx + query.length ) ) + '<\/em>'\r\n                         + esc( text.slice( idx + query.length ) );\r\n                }\r\n\r\n                function buildList( query ) {\r\n                    var items = filterCities( query );\r\n                    comboLst.innerHTML = '';\r\n                    kbIdx = -1;\r\n\r\n                    if ( !items.length ) {\r\n                        var li = document.createElement( 'li' );\r\n                        li.style.cssText = 'color:#AAA; cursor:default; pointer-events:none;';\r\n                        li.textContent   = '\u015eehir bulunamad\u0131';\r\n                        comboLst.appendChild( li );\r\n                        return;\r\n                    }\r\n\r\n                    items.forEach( function( c ) {\r\n                        var li  = document.createElement( 'li' );\r\n                        li.setAttribute( 'role', 'option' );\r\n                        li.setAttribute( 'data-id', c.id );\r\n\r\n                        var dot = document.createElement( 'span' );\r\n                        dot.className = 'has-dot' + ( dealerSet[ c.id ] ? ' active' : '' );\r\n\r\n                        var txt = document.createElement( 'span' );\r\n                        txt.innerHTML = highlight( c.name, query );\r\n                        if ( dealerSet[ c.id ] ) li.classList.add( 'dealer-city' );\r\n\r\n                        li.appendChild( dot );\r\n                        li.appendChild( txt );\r\n\r\n                        li.addEventListener( 'mousedown', function( e ) {\r\n                            e.preventDefault();\r\n                            selectCity( c.id, c.name );\r\n                        } );\r\n                        comboLst.appendChild( li );\r\n                    } );\r\n                }\r\n\r\n                function openCombo() {\r\n                    buildList( comboInp.value );\r\n                    comboLst.classList.add( 'open' );\r\n                    comboBox.setAttribute( 'aria-expanded', 'true' );\r\n                }\r\n                function closeCombo() {\r\n                    comboLst.classList.remove( 'open' );\r\n                    comboBox.setAttribute( 'aria-expanded', 'false' );\r\n                    kbIdx = -1;\r\n                }\r\n\r\n                function selectCity( id, name ) {\r\n                    selectedCity = id;\r\n                    comboInp.value = name;\r\n                    clearBtn.style.display = 'flex';\r\n                    closeCombo();\r\n                    comboInp.blur();\r\n                }\r\n\r\n                \/* Klavye navigasyonu *\/\r\n                comboInp.addEventListener( 'keydown', function( e ) {\r\n                    var items = comboLst.querySelectorAll( 'li[data-id]' );\r\n                    if ( !items.length ) return;\r\n\r\n                    if ( e.key === 'ArrowDown' ) {\r\n                        e.preventDefault();\r\n                        kbIdx = Math.min( kbIdx + 1, items.length - 1 );\r\n                    } else if ( e.key === 'ArrowUp' ) {\r\n                        e.preventDefault();\r\n                        kbIdx = Math.max( kbIdx - 1, 0 );\r\n                    } else if ( e.key === 'Enter' ) {\r\n                        if ( kbIdx >= 0 && items[ kbIdx ] ) {\r\n                            e.preventDefault();\r\n                            var id = items[ kbIdx ].getAttribute( 'data-id' );\r\n                            selectCity( id, CFG.cities[ id ] );\r\n                        } else if ( selectedCity ) {\r\n                            openPopup( selectedCity );\r\n                        }\r\n                        return;\r\n                    } else if ( e.key === 'Escape' ) {\r\n                        closeCombo();\r\n                        return;\r\n                    } else { return; }\r\n\r\n                    items.forEach( function( li, i ) {\r\n                        li.classList.toggle( 'kb-active', i === kbIdx );\r\n                    } );\r\n                    if ( items[ kbIdx ] ) {\r\n                        items[ kbIdx ].scrollIntoView( { block: 'nearest' } );\r\n                    }\r\n                } );\r\n\r\n                comboInp.addEventListener( 'input', function() {\r\n                    selectedCity = null;\r\n                    clearBtn.style.display = comboInp.value ? 'flex' : 'none';\r\n                    buildList( comboInp.value );\r\n                    comboLst.classList.add( 'open' );\r\n                } );\r\n\r\n                comboInp.addEventListener( 'focus', openCombo );\r\n\r\n                comboInp.addEventListener( 'blur', function() {\r\n                    setTimeout( closeCombo, 180 );\r\n                } );\r\n\r\n                clearBtn.addEventListener( 'click', function() {\r\n                    comboInp.value = '';\r\n                    selectedCity   = null;\r\n                    clearBtn.style.display = 'none';\r\n                    comboInp.focus();\r\n                } );\r\n\r\n                \/* D\u0131\u015far\u0131 t\u0131klama *\/\r\n                document.addEventListener( 'click', function( e ) {\r\n                    if ( !comboBox.contains( e.target ) ) closeCombo();\r\n                } );\r\n\r\n                \/* \u2500\u2500 Arama Butonu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                searchBtn.addEventListener( 'click', function() {\r\n                    var val = selectedCity;\r\n                    \/* E\u011fer se\u00e7ili de\u011filse ama yaz\u0131 varsa ilk e\u015fle\u015feni al *\/\r\n                    if ( !val && comboInp.value ) {\r\n                        var res = filterCities( comboInp.value );\r\n                        if ( res.length ) {\r\n                            val = res[ 0 ].id;\r\n                            selectCity( val, CFG.cities[ val ] );\r\n                        }\r\n                    }\r\n                    if ( val ) openPopup( val );\r\n                } );\r\n\r\n                \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n                 *  MODAL\r\n                 * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                function openPopup( cityId ) {\r\n                    if ( activeCity ) paintCity( activeCity, baseColor( activeCity ) );\r\n                    activeCity = cityId;\r\n                    paintCity( cityId, CFG.cHover );\r\n\r\n                    var cityName = CFG.cities[ cityId ] || cityId;\r\n                    titleEl.textContent = cityName;\r\n                    filtEl.value        = '';\r\n                    renderCards( cityId, '' );\r\n\r\n                    modal.classList.add( 'open' );\r\n                    document.body.style.overflow = 'hidden';\r\n\r\n                    \/* Combobox'u da senkronize et *\/\r\n                    if ( comboInp.value !== cityName ) {\r\n                        selectCity( cityId, cityName );\r\n                    }\r\n\r\n                    setTimeout( function() { filtEl.focus(); }, 300 );\r\n                }\r\n\r\n                function closePopup() {\r\n                    modal.classList.remove( 'open' );\r\n                    document.body.style.overflow = '';\r\n                    if ( activeCity ) {\r\n                        paintCity( activeCity, baseColor( activeCity ) );\r\n                        activeCity = null;\r\n                    }\r\n                }\r\n\r\n                \/* \u2500\u2500 Kart Render \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                function renderCards( cityId, query ) {\r\n                    var q = query.trim().toLocaleLowerCase( 'tr-TR' );\r\n\r\n                    var list = CFG.bayiler.filter( function( b ) {\r\n                        if ( b.city_id !== cityId ) return false;\r\n                        if ( !q ) return true;\r\n                        return (\r\n                            normalize( b.title || '' ).indexOf( normalize( q ) ) >= 0 ||\r\n                            normalize( b.ilce  || '' ).indexOf( normalize( q ) ) >= 0 ||\r\n                            normalize( b.adres || '' ).indexOf( normalize( q ) ) >= 0\r\n                        );\r\n                    } );\r\n\r\n                    countEl.textContent = list.length;\r\n\r\n                    if ( !list.length ) {\r\n                        gridEl.innerHTML =\r\n                            '<div class=\"mbp-empty\">'\r\n                          + '<svg width=\"44\" height=\"44\" viewBox=\"0 0 24 24\" fill=\"none\">'\r\n                          + '<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"#CCC\" stroke-width=\"1.5\"\/>'\r\n                          + '<path d=\"M12 7v6M12 17h.01\" stroke=\"#CCC\" stroke-width=\"2\" stroke-linecap=\"round\"\/>'\r\n                          + '<\/svg>'\r\n                          + '<strong>' + ( q ? 'Sonu\u00e7 bulunamad\u0131' : 'Bu ilde bayimiz bulunmuyor' ) + '<\/strong>'\r\n                          + '<span>' + ( q ? 'Farkl\u0131 bir arama deneyin.' : 'En yak\u0131n bayi i\u00e7in bize ula\u015f\u0131n.' ) + '<\/span>'\r\n                          + '<\/div>';\r\n                        return;\r\n                    }\r\n\r\n                    \/* \u2500\u2500\u2500 SVG \u0130konlar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                    var ICON_TEL =\r\n                        '<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">'\r\n                      + '<path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 11'\r\n                      + ' 19.79 19.79 0 01.01 2.38 2 2 0 012 .18h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2'\r\n                      + ' 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573'\r\n                      + ' 2.81.7A2 2 0 0122 16.92z\" stroke=\"currentColor\" stroke-width=\"2\"'\r\n                      + ' stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n\r\n                    var ICON_MAP =\r\n                        '<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">'\r\n                      + '<path d=\"M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\"\/>'\r\n                      + '<circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>';\r\n\r\n                    var ICON_EMAIL =\r\n                        '<svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">'\r\n                      + '<path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" stroke=\"currentColor\" stroke-width=\"2\"\/>'\r\n                      + '<polyline points=\"22,6 12,13 2,6\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>';\r\n\r\n                    var ICON_WEB =\r\n                        '<svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">'\r\n                      + '<circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>'\r\n                      + '<path d=\"M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>';\r\n\r\n                    gridEl.innerHTML = list.map( function( b ) {\r\n                        var actions = '';\r\n\r\n                        if ( b.tel ) {\r\n                            actions += '<a href=\"tel:' + esc( b.tel ) + '\" class=\"mbp-card-tel\" aria-label=\"Ara: ' + esc( b.tel ) + '\">'\r\n                                     + ICON_TEL + esc( b.tel ) + '<\/a>';\r\n                        }\r\n                        if ( b.harita ) {\r\n                            actions += '<a href=\"' + esc( b.harita ) + '\" class=\"mbp-map-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Haritada g\u00f6r\">'\r\n                                     + ICON_MAP + 'Haritada G\u00f6r<\/a>';\r\n                        }\r\n                        if ( b.website ) {\r\n                            actions += '<a href=\"' + esc( b.website ) + '\" class=\"mbp-web-btn\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Web sitesini a\u00e7\">'\r\n                                     + ICON_WEB + 'Web Sitesi<\/a>';\r\n                        }\r\n\r\n                        var emailHtml = b.email\r\n                            ? '<a href=\"mailto:' + esc( b.email ) + '\" class=\"mbp-card-email\">' + ICON_EMAIL + esc( b.email ) + '<\/a>'\r\n                            : '';\r\n\r\n                        return (\r\n                            '<div class=\"mbp-card\">'\r\n                          + '  <div class=\"mbp-card-top\">'\r\n                          + '    <span class=\"mbp-card-name\">' + esc( b.title ) + '<\/span>'\r\n                          + ( b.ilce ? '<span class=\"mbp-card-ilce\">' + esc( b.ilce ) + '<\/span>' : '' )\r\n                          + '  <\/div>'\r\n                          + ( b.adres ? '<div class=\"mbp-card-adres\">' + esc( b.adres ) + '<\/div>' : '' )\r\n                          + ( emailHtml ? '<div>' + emailHtml + '<\/div>' : '' )\r\n                          + ( actions ? '<div class=\"mbp-card-actions\">' + actions + '<\/div>' : '' )\r\n                          + '<\/div>'\r\n                        );\r\n                    } ).join( '' );\r\n                }\r\n\r\n                \/* \u2500\u2500 Kapatma eventleri \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n                q( '-x' ).addEventListener( 'click', closePopup );\r\n\r\n                modal.addEventListener( 'click', function( e ) {\r\n                    if ( e.target === modal ) closePopup();\r\n                } );\r\n\r\n                document.addEventListener( 'keydown', function( e ) {\r\n                    if ( e.key === 'Escape' && modal.classList.contains( 'open' ) ) closePopup();\r\n                } );\r\n\r\n                filtEl.addEventListener( 'input', function() {\r\n                    if ( activeCity ) renderCards( activeCity, filtEl.value );\r\n                } );\r\n\r\n            }());\r\n            <\/script>\r\n\r\n            \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-579de3c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"579de3c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ec35e1 elementor-widget elementor-widget-cz_adv_button\" data-id=\"5ec35e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_5ec35e1             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_5ec35e1 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_5ec35e1 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_5ec35e1 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_5ec35e1 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_5ec35e1 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_5ec35e1 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_5ec35e1 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_5ec35e1 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_5ec35e1 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_5ec35e1 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_5ec35e1 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_5ec35e1 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_5ec35e1 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_5ec35e1 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_5ec35e1 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_5ec35e1 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_5ec35e1 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_5ec35e1 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_5ec35e1 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_5ec35e1 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_5ec35e1 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_5ec35e1 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_5ec35e1 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_5ec35e1 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_5ec35e1 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_5ec35e1 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_5ec35e1 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_5ec35e1 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_5ec35e1 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_5ec35e1 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_5ec35e1 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_5ec35e1 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_5ec35e1 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_5ec35e1 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_5ec35e1 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_5ec35e1 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_5ec35e1 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_5ec35e1 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_5ec35e1 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_5ec35e1 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_5ec35e1 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_5ec35e1 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_5ec35e1 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_5ec35e1 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_5ec35e1 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_5ec35e1 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_5ec35e1 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_5ec35e1 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_5ec35e1 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_5ec35e1 .cz-btn,\r\n                #czbtn_5ec35e1 .cz-btn::before,\r\n                #czbtn_5ec35e1 .cz-btn::after,\r\n                #czbtn_5ec35e1 .cz-btn__icon,\r\n                #czbtn_5ec35e1 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_5ec35e1\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-sm cz-btn--icon-right cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">METE ENERJ\u0130<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    \r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_5ec35e1');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29488de elementor-widget elementor-widget-heading\" data-id=\"29488de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Bilgi Bankas\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4c565b elementor-arrows-position-outside elementor-pagination-type-bullets elementor-pagination-position-outside elementor-widget elementor-widget-loop-carousel\" data-id=\"f4c565b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;template_id&quot;:420,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:27,&quot;sizes&quot;:[]},&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;_skin&quot;:&quot;post&quot;,&quot;slides_to_show&quot;:&quot;3&quot;,&quot;slides_to_show_tablet&quot;:&quot;2&quot;,&quot;slides_to_show_mobile&quot;:&quot;1&quot;,&quot;slides_to_scroll&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;.elementor-loop-container&quot;,&quot;speed&quot;:500,&quot;arrows&quot;:&quot;yes&quot;,&quot;pagination&quot;:&quot;bullets&quot;,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-carousel.post\">\n\t\t\t\t\t\t\t<div class=\"swiper elementor-loop-container elementor-grid\" role=\"list\" dir=\"ltr\">\r\n\t\t\t\t<div class=\"swiper-wrapper\" aria-live=\"polite\">\r\n\t\t<style id=\"loop-420\">.elementor-420 .elementor-element.elementor-element-98cc3bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-a036bb6 );--border-color:var( --e-global-color-a036bb6 );--border-radius:15px 15px 15px 15px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-420 .elementor-element.elementor-element-98cc3bf:not(.elementor-motion-effects-element-type-background), .elementor-420 .elementor-element.elementor-element-98cc3bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-34d0a8e );}.elementor-420 .elementor-element.elementor-element-ef16c04 img{border-radius:15px 15px 15px 15px;}.elementor-420 .elementor-element.elementor-element-eb861bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-420 .elementor-element.elementor-element-2994ef6{text-align:start;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-420 .elementor-element.elementor-element-2994ef6 .elementor-heading-title{font-family:\"DM Sans\", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-accent );}.elementor-420 .elementor-element.elementor-element-814f844 .cz-btn-wrap{text-align:left;}.elementor-420 .elementor-element.elementor-element-814f844 .cz-btn{width:100%;justify-content:center;--cz-icon-gap:10px;--cz-icon-size:11px;--cz-ibox-size:25px;--cz-ibox-radius:6px;--cz-ibox-bg:rgba(255,255,255,0.18);--cz-ibox-bg-hover:rgba(255,255,255,0.28);--cz-fx-overlay:rgba(255,255,255,0.15);--cz-speed:300ms;--cz-lift:0px;--cz-press-scale:calc(96 \/ 100);--cz-spinner-color:#ffffff;--cz-bg:#165FA4;--cz-color:#ffffff;--cz-border-color:transparent;--cz-focus-outline:rgba(22,95,164,0.4);--cz-focus-outline-w:3px;--cz-border-w:0px;border-radius:8px 8px 8px 8px;}.elementor-420 .elementor-element.elementor-element-814f844 .cz-btn .cz-btn__text{font-family:\"DM Sans\", Sans-serif;}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"420\" class=\"elementor elementor-420 swiper-slide e-loop-item e-loop-item-1813 post-1813 post type-post status-publish format-standard has-post-thumbnail hentry category-mete-enerji\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\r\n\t\t\t<div class=\"elementor-element elementor-element-98cc3bf e-flex e-con-boxed e-con e-parent\" data-id=\"98cc3bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef16c04 elementor-widget elementor-widget-image\" data-id=\"ef16c04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Adsiz-tasarim-25-1024x1024.png\" class=\"attachment-large size-large wp-image-1816\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Adsiz-tasarim-25-1024x1024.png 1024w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Adsiz-tasarim-25-300x300.png 300w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Adsiz-tasarim-25-150x150.png 150w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Adsiz-tasarim-25-768x768.png 768w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Adsiz-tasarim-25-1536x1536.png 1536w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Adsiz-tasarim-25.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb861bf e-con-full e-flex e-con e-child\" data-id=\"eb861bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2994ef6 elementor-widget elementor-widget-heading\" data-id=\"2994ef6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">IP Koruma S\u0131n\u0131flar\u0131 Nedir?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-814f844 elementor-widget elementor-widget-cz_adv_button\" data-id=\"814f844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_814f844             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_814f844 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_814f844 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_814f844 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_814f844 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_814f844 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_814f844 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_814f844 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_814f844 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_814f844 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_814f844 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_814f844 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_814f844 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_814f844 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_814f844 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_814f844 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_814f844 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_814f844 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_814f844 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_814f844 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_814f844 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_814f844 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_814f844 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_814f844 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_814f844 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_814f844 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_814f844 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_814f844 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_814f844 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_814f844 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_814f844 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_814f844 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_814f844 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_814f844 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_814f844 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_814f844 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_814f844 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_814f844 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_814f844 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_814f844 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_814f844 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_814f844 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_814f844 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_814f844 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_814f844 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_814f844 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_814f844 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_814f844 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_814f844 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_814f844 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_814f844 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_814f844 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_814f844 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_814f844 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_814f844 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_814f844 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_814f844 .cz-btn,\r\n                #czbtn_814f844 .cz-btn::before,\r\n                #czbtn_814f844 .cz-btn::after,\r\n                #czbtn_814f844 .cz-btn__icon,\r\n                #czbtn_814f844 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_814f844\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/en\/ip-koruma-siniflari-nedir\/\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-xs cz-btn--icon-right cz-btn--spread cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">Devam\u0131n\u0131 Oku<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    <span class=\"cz-btn__icon cz-btn__icon-box\"><i aria-hidden=\"true\" class=\"mete mete-arrow-line-up-right\"><\/i><\/span>\r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_814f844');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"420\" class=\"elementor elementor-420 swiper-slide e-loop-item e-loop-item-1807 post-1807 post type-post status-publish format-standard has-post-thumbnail hentry category-mete-enerji\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\r\n\t\t\t<div class=\"elementor-element elementor-element-98cc3bf e-flex e-con-boxed e-con e-parent\" data-id=\"98cc3bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef16c04 elementor-widget elementor-widget-image\" data-id=\"ef16c04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2eopye2eopye2eop-1024x1024.png\" class=\"attachment-large size-large wp-image-1808\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2eopye2eopye2eop-1024x1024.png 1024w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2eopye2eopye2eop-300x300.png 300w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2eopye2eopye2eop-150x150.png 150w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2eopye2eopye2eop-768x768.png 768w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2eopye2eopye2eop-1536x1536.png 1536w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/Gemini_Generated_Image_2eopye2eopye2eop.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb861bf e-con-full e-flex e-con e-child\" data-id=\"eb861bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2994ef6 elementor-widget elementor-widget-heading\" data-id=\"2994ef6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Do\u011fru Konnekt\u00f6r Se\u00e7imi Neden Hayati \u00d6nem Ta\u015f\u0131r?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-814f844 elementor-widget elementor-widget-cz_adv_button\" data-id=\"814f844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_814f844             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_814f844 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_814f844 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_814f844 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_814f844 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_814f844 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_814f844 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_814f844 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_814f844 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_814f844 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_814f844 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_814f844 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_814f844 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_814f844 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_814f844 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_814f844 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_814f844 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_814f844 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_814f844 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_814f844 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_814f844 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_814f844 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_814f844 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_814f844 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_814f844 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_814f844 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_814f844 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_814f844 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_814f844 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_814f844 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_814f844 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_814f844 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_814f844 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_814f844 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_814f844 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_814f844 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_814f844 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_814f844 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_814f844 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_814f844 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_814f844 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_814f844 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_814f844 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_814f844 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_814f844 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_814f844 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_814f844 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_814f844 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_814f844 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_814f844 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_814f844 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_814f844 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_814f844 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_814f844 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_814f844 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_814f844 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_814f844 .cz-btn,\r\n                #czbtn_814f844 .cz-btn::before,\r\n                #czbtn_814f844 .cz-btn::after,\r\n                #czbtn_814f844 .cz-btn__icon,\r\n                #czbtn_814f844 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_814f844\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/en\/dogru-konnektor-secimi-neden-hayati-onem-tasir\/\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-xs cz-btn--icon-right cz-btn--spread cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">Devam\u0131n\u0131 Oku<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    <span class=\"cz-btn__icon cz-btn__icon-box\"><i aria-hidden=\"true\" class=\"mete mete-arrow-line-up-right\"><\/i><\/span>\r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_814f844');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"420\" class=\"elementor elementor-420 swiper-slide e-loop-item e-loop-item-1 post-1 post type-post status-publish format-standard has-post-thumbnail hentry category-mete-enerji\" data-elementor-post-type=\"elementor_library\" role=\"group\" aria-roledescription=\"slide\" data-custom-edit-handle=\"1\">\r\n\t\t\t<div class=\"elementor-element elementor-element-98cc3bf e-flex e-con-boxed e-con e-parent\" data-id=\"98cc3bf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef16c04 elementor-widget elementor-widget-image\" data-id=\"ef16c04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/Adsiz-tasarim-24-1024x1024.png\" class=\"attachment-large size-large wp-image-1811\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/Adsiz-tasarim-24-1024x1024.png 1024w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/Adsiz-tasarim-24-300x300.png 300w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/Adsiz-tasarim-24-150x150.png 150w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/Adsiz-tasarim-24-768x768.png 768w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/Adsiz-tasarim-24-1536x1536.png 1536w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/Adsiz-tasarim-24.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb861bf e-con-full e-flex e-con e-child\" data-id=\"eb861bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2994ef6 elementor-widget elementor-widget-heading\" data-id=\"2994ef6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Konnekt\u00f6r Se\u00e7imi Nas\u0131l Yap\u0131l\u0131r?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-814f844 elementor-widget elementor-widget-cz_adv_button\" data-id=\"814f844\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"cz_adv_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <style>\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  CZ Advanced Button v3.0 \u2014 Scoped CSS\r\n             *  Scope: #czbtn_814f844             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* \u2500\u2500 CSS Custom Properties (defaults) \u2500\u2500 *\/\r\n            #czbtn_814f844 {\r\n                --cz-speed:            300ms;\r\n                --cz-lift:             0px;\r\n                --cz-press-scale:      0.96;\r\n                --cz-icon-gap:         10px;\r\n                --cz-icon-size:        16px;\r\n                --cz-ibox-size:        34px;\r\n                --cz-ibox-radius:      6px;\r\n                --cz-ibox-bg:          rgba(255,255,255,.18);\r\n                --cz-ibox-bg-hover:    rgba(255,255,255,.28);\r\n                --cz-bg:               #165FA4;\r\n                --cz-bg-hover:         var(--cz-bg);\r\n                --cz-color:            #ffffff;\r\n                --cz-color-hover:      var(--cz-color);\r\n                --cz-icon-color:       var(--cz-color);\r\n                --cz-icon-color-hover: var(--cz-color-hover);\r\n                --cz-border-color:     transparent;\r\n                --cz-border-color-hover: var(--cz-border-color);\r\n                --cz-border-w:         0px;\r\n                --cz-focus-outline:    rgba(22,95,164,.4);\r\n                --cz-focus-outline-w:  3px;\r\n                --cz-grad-start:       #165FA4;\r\n                --cz-grad-end:         #EE2D24;\r\n                --cz-grad-angle:       135deg;\r\n                --cz-fx-overlay:       rgba(255,255,255,.15);\r\n                --cz-fx-glow:          rgba(22,95,164,.5);\r\n                --cz-fx-underline:     #ffffff;\r\n                --cz-fx-underline-h:   2px;\r\n                --cz-fx-shift:         #EE2D24;\r\n                --cz-badge-bg:         #ef4444;\r\n                --cz-badge-color:      #ffffff;\r\n                --cz-spinner-color:    #ffffff;\r\n            }\r\n\r\n            \/* \u2500\u2500 Wrapper \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                gap: var(--cz-icon-gap);\r\n                text-decoration: none;\r\n                cursor: pointer;\r\n                position: relative;\r\n                overflow: hidden;\r\n                box-sizing: border-box;\r\n                vertical-align: middle;\r\n                outline: none;\r\n                -webkit-appearance: none;\r\n                border: var(--cz-border-w) solid var(--cz-border-color);\r\n                color: var(--cz-color);\r\n                background: var(--cz-bg);\r\n                transition:\r\n                    background    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    color         var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    border-color  var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    box-shadow    var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    transform     var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    filter        var(--cz-speed) cubic-bezier(.4,0,.2,1),\r\n                    opacity       var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n                font-family: inherit;\r\n                line-height: 1.45;\r\n                -webkit-font-smoothing: antialiased;\r\n            }\r\n\r\n            \/* \u2500\u2500 Ortak Hover: lift \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn:hover {\r\n                transform: translateY(calc(-1 * var(--cz-lift)));\r\n                color: var(--cz-color-hover);\r\n                border-color: var(--cz-border-color-hover);\r\n            }\r\n\r\n            \/* \u2500\u2500 Spread Layout \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--spread {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n            }\r\n            \/* Spread: metin blo\u011fu m\u00fcmk\u00fcn olan max alan\u0131 kaplar *\/\r\n            #czbtn_814f844 .cz-btn--spread .cz-btn__content {\r\n                flex: 1;\r\n            }\r\n            \/* Spread + icon-left \u2192 ikon solda sabit, metin sa\u011fa do\u011fru uzar *\/\r\n            #czbtn_814f844 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_814f844 .cz-btn--spread.cz-btn--icon-left .cz-btn__content {\r\n                text-align: left;\r\n                margin-left: 0;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  STYLE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n            \/* FILLED *\/\r\n            #czbtn_814f844 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_814f844 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_814f844 .cz-btn--outline {\r\n                background: transparent;\r\n                border-width: max(var(--cz-border-w), 2px);\r\n                border-color: var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--outline:hover {\r\n                background: var(--cz-bg);\r\n                color: var(--cz-color);\r\n                border-color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-color);\r\n            }\r\n\r\n            \/* GHOST *\/\r\n            #czbtn_814f844 .cz-btn--ghost {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--ghost:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n\r\n            \/* SOFT *\/\r\n            #czbtn_814f844 .cz-btn--soft {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--soft:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 22%, transparent);\r\n            }\r\n\r\n            \/* GRADIENT *\/\r\n            #czbtn_814f844 .cz-btn--gradient {\r\n                background: linear-gradient(var(--cz-grad-angle), var(--cz-grad-start), var(--cz-grad-end));\r\n                border: none;\r\n            }\r\n            #czbtn_814f844 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_814f844 .cz-btn--glass {\r\n                background: rgba(255,255,255,.12);\r\n                backdrop-filter: blur(10px);\r\n                -webkit-backdrop-filter: blur(10px);\r\n                border: 1px solid rgba(255,255,255,.2);\r\n            }\r\n            #czbtn_814f844 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_814f844 .cz-btn--glass-pro {\r\n                background: color-mix(in srgb, var(--cz-bg) 20%, rgba(255,255,255,.08));\r\n                backdrop-filter: blur(16px) saturate(180%);\r\n                -webkit-backdrop-filter: blur(16px) saturate(180%);\r\n                border: 1px solid color-mix(in srgb, var(--cz-bg) 35%, rgba(255,255,255,.3));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 4px 24px -4px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--glass-pro:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 32%, rgba(255,255,255,.12));\r\n                box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 32px -6px color-mix(in srgb, var(--cz-bg) 45%, transparent);\r\n            }\r\n\r\n            \/* RAISED \u2014 3D efekti *\/\r\n            #czbtn_814f844 .cz-btn--raised {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 85%, white) 0%,\r\n                    var(--cz-bg) 100%);\r\n                box-shadow:\r\n                    0 2px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 4px 12px -2px color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--raised:hover {\r\n                background: linear-gradient(180deg,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 0%,\r\n                    color-mix(in srgb, var(--cz-bg) 90%, white) 100%);\r\n                box-shadow:\r\n                    0 1px 0 color-mix(in srgb, var(--cz-bg) 60%, black),\r\n                    0 2px 6px -2px color-mix(in srgb, var(--cz-bg) 30%, transparent);\r\n                transform: translateY(calc(-1 * var(--cz-lift) + 1px));\r\n            }\r\n            #czbtn_814f844 .cz-btn--raised:active {\r\n                box-shadow: 0 0 0 color-mix(in srgb, var(--cz-bg) 60%, black) !important;\r\n                transform: translateY(2px) !important;\r\n            }\r\n\r\n            \/* SHADOW FILL *\/\r\n            #czbtn_814f844 .cz-btn--shadow-fill {\r\n                background: var(--cz-bg);\r\n                box-shadow: 0 4px 14px -3px color-mix(in srgb, var(--cz-bg) 55%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--shadow-fill:hover {\r\n                background: var(--cz-bg-hover);\r\n                box-shadow: 0 8px 24px -4px color-mix(in srgb, var(--cz-bg) 60%, transparent);\r\n            }\r\n\r\n            \/* DUAL TONE *\/\r\n            #czbtn_814f844 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_814f844 .cz-btn--dual-tone:hover {\r\n                background: var(--cz-bg-hover);\r\n                --cz-ibox-bg: color-mix(in srgb, var(--cz-grad-end) 80%, black);\r\n            }\r\n\r\n            \/* DUOTONE SPLIT \u2014 sol yar\u0131 koyu, sa\u011f yar\u0131 a\u00e7\u0131k *\/\r\n            #czbtn_814f844 .cz-btn--duotone-split {\r\n                background: linear-gradient(90deg,\r\n                    var(--cz-bg) 50%,\r\n                    color-mix(in srgb, var(--cz-bg) 15%, white) 50%);\r\n                color: var(--cz-color);\r\n                border: 1.5px solid color-mix(in srgb, var(--cz-bg) 40%, transparent);\r\n                background-size: 200% 100%;\r\n                background-position: right center;\r\n                transition: background-position var(--cz-speed) ease, color var(--cz-speed) ease, transform var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_814f844 .cz-btn--duotone-split:hover {\r\n                background-position: left center;\r\n                color: var(--cz-color);\r\n            }\r\n\r\n            \/* NEON *\/\r\n            #czbtn_814f844 .cz-btn--neon {\r\n                background: transparent;\r\n                border: 2px solid var(--cz-bg);\r\n                color: var(--cz-bg);\r\n                --cz-icon-color: var(--cz-bg);\r\n                box-shadow:\r\n                    0 0 8px color-mix(in srgb, var(--cz-bg) 35%, transparent),\r\n                    inset 0 0 8px color-mix(in srgb, var(--cz-bg) 10%, transparent);\r\n            }\r\n            #czbtn_814f844 .cz-btn--neon:hover {\r\n                background: color-mix(in srgb, var(--cz-bg) 12%, transparent);\r\n                box-shadow:\r\n                    0 0 18px color-mix(in srgb, var(--cz-bg) 55%, transparent),\r\n                    0 0 42px color-mix(in srgb, var(--cz-bg) 25%, transparent),\r\n                    inset 0 0 12px color-mix(in srgb, var(--cz-bg) 15%, transparent);\r\n            }\r\n\r\n            \/* TEXT ONLY *\/\r\n            #czbtn_814f844 .cz-btn--text-only {\r\n                background: transparent;\r\n                color: var(--cz-bg);\r\n                padding-left: 0;\r\n                padding-right: 0;\r\n                --cz-icon-color: var(--cz-bg);\r\n            }\r\n            #czbtn_814f844 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--press:active {\r\n                transform: scale(var(--cz-press-scale)) !important;\r\n            }\r\n\r\n            \/* \u2500\u2500 Focus \u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn:focus-visible {\r\n                outline: var(--cz-focus-outline-w) solid var(--cz-focus-outline);\r\n                outline-offset: 3px;\r\n            }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  SIZE PRESETS\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_814f844 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_814f844 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_814f844 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_814f844 .cz-btn--size-xl { padding: 17px 40px; font-size: 18px; font-weight: 700; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  \u0130KON\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn__icon {\r\n                display: inline-flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                flex-shrink: 0;\r\n                line-height: 1;\r\n                font-size: var(--cz-icon-size);\r\n                color: var(--cz-icon-color);\r\n                position: relative;\r\n                z-index: 2;\r\n                transition: color var(--cz-speed) ease, transform var(--cz-speed) ease, opacity var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_814f844 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_814f844 .cz-btn__icon-box {\r\n                width:  var(--cz-ibox-size);\r\n                height: var(--cz-ibox-size);\r\n                border-radius: var(--cz-ibox-radius);\r\n                background: var(--cz-ibox-bg);\r\n                transition: background var(--cz-speed) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_814f844 .cz-btn--icon-left  { flex-direction: row-reverse; }\r\n\r\n            \/* [FIX] \u0130kon-only: butonun kendisinde .cz-btn__content gizle, descendant de\u011fil *\/\r\n            #czbtn_814f844 .cz-btn.cz-btn--icon-only .cz-btn__content { display: none; }\r\n\r\n            \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n             *  MET\u0130N GRUBU\r\n             * \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n            #czbtn_814f844 .cz-btn__content {\r\n                display: flex;\r\n                flex-direction: column;\r\n                position: relative;\r\n                z-index: 2;\r\n            }\r\n            #czbtn_814f844 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_814f844 .cz-btn__subtext { opacity: .72; font-weight: 400; line-height: 1.2; margin-top: 2px; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  HOVER EFEKTLER\u0130  (z-index:1 katman)\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n            \/* SWEEP \u2014 ortak base *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep::before {\r\n                content: '';\r\n                position: absolute;\r\n                top: 0; bottom: 0;\r\n                background: var(--cz-fx-overlay);\r\n                z-index: 1;\r\n                pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            \/* Sweep Left *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-right:hover::before { width: 100%; }\r\n            \/* [FIX] Sweep Center \u2014 scaleX ile ger\u00e7ek ortadan b\u00fcy\u00fcme *\/\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-center::before {\r\n                left: 50%;\r\n                width: 100%;\r\n                transform: translateX(-50%) scaleX(0);\r\n                transform-origin: center;\r\n                transition: transform var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-sweep.cz-btn--sweep-center:hover::before {\r\n                transform: translateX(-50%) scaleX(1);\r\n            }\r\n\r\n            \/* SLIDE-UP *\/\r\n            #czbtn_814f844 .cz-btn--fx-slide-up::before {\r\n                content: ''; position: absolute; left: 0; right: 0; bottom: 0;\r\n                height: 0; background: var(--cz-fx-overlay); z-index: 1; pointer-events: none;\r\n                transition: height var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_814f844 .cz-btn--fx-shine::before {\r\n                content: ''; position: absolute; top: 0; left: -80%;\r\n                width: 60%; height: 100%;\r\n                background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);\r\n                transform: skewX(-20deg); z-index: 1; pointer-events: none;\r\n                transition: left calc(var(--cz-speed) * 1.5) ease;\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_814f844 .cz-btn__ripple {\r\n                position: absolute; border-radius: 50%;\r\n                background: rgba(255,255,255,.32);\r\n                transform: scale(0); pointer-events: none;\r\n                animation: czRipple .55s ease-out forwards;\r\n            }\r\n            @keyframes czRipple { to { transform: scale(4); opacity: 0; } }\r\n\r\n            \/* PULSE *\/\r\n            #czbtn_814f844 .cz-btn--fx-pulse:hover { animation: czPulse .9s ease infinite; }\r\n            @keyframes czPulse {\r\n                0%, 100% { transform: scale(1) translateY(calc(-1 * var(--cz-lift))); }\r\n                50%       { transform: scale(1.045) translateY(calc(-1 * var(--cz-lift))); }\r\n            }\r\n\r\n            \/* GLOW *\/\r\n            #czbtn_814f844 .cz-btn--fx-glow:hover {\r\n                box-shadow: 0 0 18px var(--cz-fx-glow), 0 0 45px var(--cz-fx-glow);\r\n            }\r\n\r\n            \/* UNDERLINE REVEAL *\/\r\n            #czbtn_814f844 .cz-btn--fx-underline::after {\r\n                content: ''; position: absolute; bottom: 0; left: 0;\r\n                width: 0; height: var(--cz-fx-underline-h);\r\n                background: var(--cz-fx-underline); z-index: 2; pointer-events: none;\r\n                transition: width var(--cz-speed) cubic-bezier(.4,0,.2,1);\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_814f844 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_814f844 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_814f844 .cz-btn--fx-border-trace::before {\r\n                content: ''; position: absolute; inset: -2px; border-radius: inherit;\r\n                background: conic-gradient(from 0deg, var(--cz-bg) 0%, transparent 30%, transparent 70%, var(--cz-bg) 100%);\r\n                z-index: -1; opacity: 0; pointer-events: none;\r\n                transition: opacity var(--cz-speed) ease;\r\n                animation: czBorderSpin 2s linear infinite paused;\r\n            }\r\n            #czbtn_814f844 .cz-btn--fx-border-trace:hover::before { opacity: 1; animation-play-state: running; }\r\n            @keyframes czBorderSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* COLOR SHIFT *\/\r\n            #czbtn_814f844 .cz-btn--fx-color-shift:hover { background: var(--cz-fx-shift) !important; }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  \u0130KON AN\u0130MASYONLARI\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_814f844 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_814f844 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_814f844 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_814f844 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_814f844 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_814f844 .cz-btn--ia-bounce:hover  .cz-btn__icon { animation: czIBounce .45s ease; }\r\n            @keyframes czIBounce {\r\n                0%, 100% { transform: translateY(0); }\r\n                40%      { transform: translateY(-6px); }\r\n                60%      { transform: translateY(-2px); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  BADGE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn__badge {\r\n                background: var(--cz-badge-bg);\r\n                color: var(--cz-badge-color);\r\n                font-size: 10px; font-weight: 700;\r\n                line-height: 1; padding: 3px 7px;\r\n                border-radius: 4px;\r\n                white-space: nowrap; pointer-events: none; z-index: 5;\r\n            }\r\n            #czbtn_814f844 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_814f844 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_814f844 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_814f844 .cz-btn__badge--pulse { animation: czBadgePulse 2s ease-in-out infinite; }\r\n            @keyframes czBadgePulse {\r\n                0%, 100% { transform: scale(1); }\r\n                50%      { transform: scale(1.12); }\r\n            }\r\n\r\n            \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n             *  LOADING STATE\r\n             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n            #czbtn_814f844 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_814f844 .cz-btn__loader {\r\n                display: none; position: absolute; inset: 0;\r\n                align-items: center; justify-content: center;\r\n                gap: 8px; z-index: 10;\r\n                color: var(--cz-spinner-color); font-size: 13px;\r\n            }\r\n            #czbtn_814f844 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_814f844 .cz-btn__spinner {\r\n                width: 16px; height: 16px;\r\n                border: 2px solid rgba(255,255,255,.3);\r\n                border-top-color: var(--cz-spinner-color);\r\n                border-radius: 50%;\r\n                animation: czSpin .6s linear infinite;\r\n                flex-shrink: 0;\r\n            }\r\n            @keyframes czSpin { to { transform: rotate(360deg); } }\r\n\r\n            \/* \u2500\u2500 Reduced Motion \u2500\u2500 *\/\r\n            @media (prefers-reduced-motion: reduce) {\r\n                #czbtn_814f844 .cz-btn,\r\n                #czbtn_814f844 .cz-btn::before,\r\n                #czbtn_814f844 .cz-btn::after,\r\n                #czbtn_814f844 .cz-btn__icon,\r\n                #czbtn_814f844 .cz-btn__ripple {\r\n                    animation: none !important;\r\n                    transition: none !important;\r\n                }\r\n            }\r\n            <\/style>\r\n\r\n            <div id=\"czbtn_814f844\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/en\/konnektor-secimi-nasil-yapilir\/\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-xs cz-btn--icon-right cz-btn--spread cz-btn--fx-sweep cz-btn--sweep-left cz-btn--ia-slide-right cz-btn--press\"\r\n                                      role=\"button\">\r\n\r\n                    \r\n                                            <span class=\"cz-btn__content\">\r\n                            <span class=\"cz-btn__text\">Devam\u0131n\u0131 Oku<\/span>\r\n                                                    <\/span>\r\n                    \r\n                    <span class=\"cz-btn__icon cz-btn__icon-box\"><i aria-hidden=\"true\" class=\"mete mete-arrow-line-up-right\"><\/i><\/span>\r\n                    \r\n                                        \r\n                    <span class=\"cz-btn__loader\" aria-hidden=\"true\">\r\n                        <span class=\"cz-btn__spinner\"><\/span>\r\n                                                    <span>Y\u00fckleniyor\u2026<\/span>\r\n                                            <\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n                        <script>\r\n            (function () {\r\n                'use strict';\r\n                var wrap = document.getElementById('czbtn_814f844');\r\n                if (!wrap) return;\r\n                var btn = wrap.querySelector('.cz-btn');\r\n                if (!btn) return;\r\n\r\n                \/* Ripple yard\u0131mc\u0131s\u0131 *\/\r\n                function spawnRipple(e) {\r\n                    var r = btn.getBoundingClientRect();\r\n                    var sz = Math.max(r.width, r.height) * 2;\r\n                    var el = document.createElement('span');\r\n                    el.className = 'cz-btn__ripple';\r\n                    el.style.cssText = [\r\n                        'width:'  + sz + 'px',\r\n                        'height:' + sz + 'px',\r\n                        'left:'   + (e.clientX - r.left - sz \/ 2) + 'px',\r\n                        'top:'    + (e.clientY - r.top  - sz \/ 2) + 'px'\r\n                    ].join(';');\r\n                    btn.appendChild(el);\r\n                    setTimeout(function () { if (el.parentNode) el.remove(); }, 620);\r\n                }\r\n\r\n                \r\n                                btn.addEventListener('click', spawnRipple);\r\n                \r\n                \r\n                \r\n                \/* Loading state \u2014 aria-busy otomatik y\u00f6netimi *\/\r\n                var observer = new MutationObserver(function (mutations) {\r\n                    mutations.forEach(function (m) {\r\n                        if (m.attributeName === 'class') {\r\n                            var isLoading = btn.classList.contains('cz-btn--loading');\r\n                            btn.setAttribute('aria-busy', isLoading ? 'true' : 'false');\r\n                            btn.setAttribute('aria-disabled', isLoading ? 'true' : 'false');\r\n                        }\r\n                    });\r\n                });\r\n                observer.observe(btn, { attributes: true, attributeFilter: ['class'] });\r\n            })();\r\n            <\/script>\r\n                        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"\u00d6nceki\">\r\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t<\/div>\r\n\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Sonraki\">\r\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>METE ENERJ\u0130 Y\u00fckleniyor\u2026 \u00dcr\u00fcnler Al\u00fcminyum ve Termoplastik Buatlar CEE Norm Fi\u015fler ve Prizler Ex-proof Al\u00fcminyum Buatlar Kau\u00e7uk Fi\u015fler ve Prizler Nemliyer Anahtarlar ve Prizler Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler Al\u00fcminyum ve Termoplastik Buatlar 500161 &#8211; Metal Montaj Plakas\u0131 250x350x150 mm Pano i\u00e7in Detaylar\u0131 G\u00f6r Al\u00fcminyum ve Termoplastik Buatlar 50017105 &#8211; 250X350X150 Mod\u00fcler Panonun Din [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ai_generated_summary":"","footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ana Sayfa<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ana Sayfa\" \/>\n<meta property=\"og:description\" content=\"METE ENERJ\u0130 Y\u00fckleniyor\u2026 \u00dcr\u00fcnler Al\u00fcminyum ve Termoplastik Buatlar CEE Norm Fi\u015fler ve Prizler Ex-proof Al\u00fcminyum Buatlar Kau\u00e7uk Fi\u015fler ve Prizler Nemliyer Anahtarlar ve Prizler Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler Al\u00fcminyum ve Termoplastik Buatlar 500161 &#8211; Metal Montaj Plakas\u0131 250x350x150 mm Pano i\u00e7in Detaylar\u0131 G\u00f6r Al\u00fcminyum ve Termoplastik Buatlar 50017105 &#8211; 250X350X150 Mod\u00fcler Panonun Din [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demo5.softasist.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Mete Enerji - Powerful Connections\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-29T14:26:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/\",\"url\":\"https:\\\/\\\/demo5.softasist.com\\\/\",\"name\":\"Ana Sayfa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1.png\",\"datePublished\":\"2026-03-09T09:01:24+00:00\",\"dateModified\":\"2026-04-29T14:26:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demo5.softasist.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1.png\",\"contentUrl\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/demo5.softasist.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ana Sayfa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#website\",\"url\":\"https:\\\/\\\/demo5.softasist.com\\\/\",\"name\":\"Mete Enerji - Powerful Connections\",\"description\":\"Ya\u015fama ba\u011fland\u0131\u011f\u0131n\u0131z her yerde g\u00fc\u00e7l\u00fc ba\u011flant\u0131lar.\",\"publisher\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/demo5.softasist.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#organization\",\"name\":\"Mete Enerji - Powerful Connections\",\"url\":\"https:\\\/\\\/demo5.softasist.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/mete-enerji-logo.png\",\"contentUrl\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/mete-enerji-logo.png\",\"width\":128,\"height\":90,\"caption\":\"Mete Enerji - Powerful Connections\"},\"image\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home Page","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Ana Sayfa","og_description":"METE ENERJ\u0130 Y\u00fckleniyor\u2026 \u00dcr\u00fcnler Al\u00fcminyum ve Termoplastik Buatlar CEE Norm Fi\u015fler ve Prizler Ex-proof Al\u00fcminyum Buatlar Kau\u00e7uk Fi\u015fler ve Prizler Nemliyer Anahtarlar ve Prizler Y\u00fcksek Ak\u0131m Uygulama Fi\u015f ve Prizler Al\u00fcminyum ve Termoplastik Buatlar 500161 &#8211; Metal Montaj Plakas\u0131 250x350x150 mm Pano i\u00e7in Detaylar\u0131 G\u00f6r Al\u00fcminyum ve Termoplastik Buatlar 50017105 &#8211; 250X350X150 Mod\u00fcler Panonun Din [&hellip;]","og_url":"https:\/\/demo5.softasist.com\/en\/","og_site_name":"Mete Enerji - Powerful Connections","article_modified_time":"2026-04-29T14:26:58+00:00","og_image":[{"url":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demo5.softasist.com\/","url":"https:\/\/demo5.softasist.com\/","name":"Home Page","isPartOf":{"@id":"https:\/\/demo5.softasist.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demo5.softasist.com\/#primaryimage"},"image":{"@id":"https:\/\/demo5.softasist.com\/#primaryimage"},"thumbnailUrl":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/1.png","datePublished":"2026-03-09T09:01:24+00:00","dateModified":"2026-04-29T14:26:58+00:00","breadcrumb":{"@id":"https:\/\/demo5.softasist.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demo5.softasist.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demo5.softasist.com\/#primaryimage","url":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/1.png","contentUrl":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/demo5.softasist.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/demo5.softasist.com\/"},{"@type":"ListItem","position":2,"name":"Ana Sayfa"}]},{"@type":"WebSite","@id":"https:\/\/demo5.softasist.com\/#website","url":"https:\/\/demo5.softasist.com\/","name":"Mete Enerji - Powerful Connections","description":"Ya\u015fama ba\u011fland\u0131\u011f\u0131n\u0131z her yerde g\u00fc\u00e7l\u00fc ba\u011flant\u0131lar.","publisher":{"@id":"https:\/\/demo5.softasist.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demo5.softasist.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/demo5.softasist.com\/#organization","name":"Mete Enerji - Powerful Connections","url":"https:\/\/demo5.softasist.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demo5.softasist.com\/#\/schema\/logo\/image\/","url":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/mete-enerji-logo.png","contentUrl":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/mete-enerji-logo.png","width":128,"height":90,"caption":"Mete Enerji - Powerful Connections"},"image":{"@id":"https:\/\/demo5.softasist.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/comments?post=22"}],"version-history":[{"count":0,"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/pages\/22\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/media?parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}