{"id":1168,"date":"2026-04-07T07:01:10","date_gmt":"2026-04-07T07:01:10","guid":{"rendered":"https:\/\/demo5.softasist.com\/?page_id=1168"},"modified":"2026-04-29T12:24:30","modified_gmt":"2026-04-29T12:24:30","slug":"kurumsal","status":"publish","type":"page","link":"https:\/\/demo5.softasist.com\/en\/kurumsal\/","title":{"rendered":"Corporate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1168\" class=\"elementor elementor-1168\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a075608 e-con-full e-flex e-con e-parent\" data-id=\"a075608\" 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-0b9e47e elementor-widget-mobile__width-inherit elementor-widget elementor-widget-cz_adv_button\" data-id=\"0b9e47e\" 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_0b9e47e             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_0b9e47e {\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_0b9e47e .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_0b9e47e .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_0b9e47e .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_0b9e47e .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_0b9e47e .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_0b9e47e .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_0b9e47e .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_0b9e47e .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_0b9e47e .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_0b9e47e .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_0b9e47e .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_0b9e47e .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_0b9e47e .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_0b9e47e .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_0b9e47e .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_0b9e47e .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_0b9e47e .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_0b9e47e .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_0b9e47e .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_0b9e47e .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_0b9e47e .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_0b9e47e .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_0b9e47e .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_0b9e47e .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_0b9e47e .cz-btn--loading .cz-btn__content,\r\n            #czbtn_0b9e47e .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_0b9e47e .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_0b9e47e .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_0b9e47e .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_0b9e47e .cz-btn,\r\n                #czbtn_0b9e47e .cz-btn::before,\r\n                #czbtn_0b9e47e .cz-btn::after,\r\n                #czbtn_0b9e47e .cz-btn__icon,\r\n                #czbtn_0b9e47e .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_0b9e47e\" 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\">HAKKIMIZDA<\/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_0b9e47e');\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-b5f781d elementor-widget elementor-widget-heading\" data-id=\"b5f781d\" 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\">G\u00fc\u00e7l\u00fc Ba\u011flant\u0131lar,\nG\u00fcvenilir \u00c7\u00f6z\u00fcmler<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27ca579 elementor-widget elementor-widget-text-editor\" data-id=\"27ca579\" 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>1980&#8217;den bug\u00fcne elektrik sekt\u00f6r\u00fcndeki derin birikimimizle \u0130zmir&#8217;den d\u00fcnyaya 50&#8217;den fazla \u00fclkede end\u00fcstriyel ba\u011flant\u0131 \u00e7\u00f6z\u00fcmleri sunuyoruz.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-099ec74 e-con-full e-grid e-con e-parent\" data-id=\"099ec74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-667286f e-con-full e-flex e-con e-child\" data-id=\"667286f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d35b63f elementor-widget elementor-widget-heading\" data-id=\"d35b63f\" 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\">45+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5663cd elementor-widget elementor-widget-heading\" data-id=\"f5663cd\" 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\">Y\u0131ll\u0131k Deneyim<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b259d78 e-con-full e-flex e-con e-child\" data-id=\"b259d78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0704e4e elementor-widget elementor-widget-heading\" data-id=\"0704e4e\" 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\">50+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9574b6b elementor-widget elementor-widget-heading\" data-id=\"9574b6b\" 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\">\u00dclkeye Ticaret<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f76630 e-con-full e-flex e-con e-child\" data-id=\"2f76630\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-552d5c6 elementor-widget elementor-widget-heading\" data-id=\"552d5c6\" 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\">2001<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a83f942 elementor-widget elementor-widget-heading\" data-id=\"a83f942\" 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\">Kurulu\u015f Y\u0131l\u0131<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f179623 e-con-full e-flex e-con e-child\" data-id=\"f179623\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22a5ba7 elementor-widget elementor-widget-heading\" data-id=\"22a5ba7\" 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\">439+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5986d33 elementor-widget elementor-widget-heading\" data-id=\"5986d33\" 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\u00fcn \u00c7e\u015fiti<\/h2>\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-e436282 e-flex e-con-boxed e-con e-parent\" data-id=\"e436282\" 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-9744c02 e-con-full e-flex e-con e-child\" data-id=\"9744c02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4f4aa12 e-con-full e-flex e-con e-child\" data-id=\"4f4aa12\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8607ef9 elementor-widget elementor-widget-cz_adv_button\" data-id=\"8607ef9\" 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_8607ef9             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_8607ef9 {\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_8607ef9 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_8607ef9 .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_8607ef9 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_8607ef9 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_8607ef9 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_8607ef9 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_8607ef9 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_8607ef9 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_8607ef9 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_8607ef9 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_8607ef9 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_8607ef9 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_8607ef9 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_8607ef9 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_8607ef9 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_8607ef9 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_8607ef9 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_8607ef9 .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_8607ef9 .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_8607ef9 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_8607ef9 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_8607ef9 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_8607ef9 .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_8607ef9 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_8607ef9 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_8607ef9 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_8607ef9 .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_8607ef9 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_8607ef9 .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_8607ef9 .cz-btn,\r\n                #czbtn_8607ef9 .cz-btn::before,\r\n                #czbtn_8607ef9 .cz-btn::after,\r\n                #czbtn_8607ef9 .cz-btn__icon,\r\n                #czbtn_8607ef9 .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_8607ef9\" 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_8607ef9');\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-5acfa05 elementor-widget elementor-widget-heading\" data-id=\"5acfa05\" 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-6aea485 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6aea485\" 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-7e2178e elementor-widget elementor-widget-text-editor\" data-id=\"7e2178e\" 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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ab24d9 e-con-full e-flex e-con e-child\" data-id=\"1ab24d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78827d4 elementor-widget__width-inherit elementor-widget elementor-widget-ucaddon_uc_tiles_columns_image\" data-id=\"78827d4\" 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_78827d4{\n  margin:0 auto;\n      display: none;\n  }\n\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4{\n  min-height:1px;  \n}\n\n  #uc_uc_tiles_columns_image_elementor_78827d4 .ug-thumb-wrapper.ug-tile{\n      pointer-events: none;\n  }\n\n\/* pagination *\/\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .uc_post_grid_style_one_prev_button_pagination{\n  display: flex;\n  align-items: center;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .uc_post_grid_style_one_pagination_button,\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .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_78827d4 .uc_post_grid_style_one_pagination_number:last-child,\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .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_78827d4 .ue-hidden{\n  display: none;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .ue-disabled{\n  opacity: .5;\n  pointer-events: none;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .uc_post_grid_style_one_pagination_number.ue-visible{\n  display: inline-flex;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .uc_post_grid_style_one_pagination_numbers{\n  display: flex;\n  flex-wrap: wrap;\n}\n\n#wrapperuc_uc_tiles_columns_image_elementor_78827d4 .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_78827d4\">\n  \n  <div id=\"uc_uc_tiles_columns_image_elementor_78827d4\" 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-26e337a e-flex e-con-boxed e-con e-parent\" data-id=\"26e337a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-84c40fd e-con-full e-flex e-con e-child\" data-id=\"84c40fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28bf6b7 elementor-widget elementor-widget-cz_adv_button\" data-id=\"28bf6b7\" 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_28bf6b7             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_28bf6b7 {\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_28bf6b7 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_28bf6b7 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_28bf6b7 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_28bf6b7 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_28bf6b7 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_28bf6b7 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_28bf6b7 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_28bf6b7 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_28bf6b7 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_28bf6b7 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_28bf6b7 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_28bf6b7 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_28bf6b7 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_28bf6b7 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_28bf6b7 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .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_28bf6b7 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_28bf6b7 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_28bf6b7 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_28bf6b7 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_28bf6b7 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_28bf6b7 .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_28bf6b7 .cz-btn,\r\n                #czbtn_28bf6b7 .cz-btn::before,\r\n                #czbtn_28bf6b7 .cz-btn::after,\r\n                #czbtn_28bf6b7 .cz-btn__icon,\r\n                #czbtn_28bf6b7 .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_28bf6b7\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-xs 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\">M\u0130SYONUMUZ<\/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_28bf6b7');\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-0ff1964 elementor-widget elementor-widget-heading\" data-id=\"0ff1964\" 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\">Payda\u015flar\u0131n \u0130lk Tercihi Olmak<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b9cee4b elementor-widget elementor-widget-text-editor\" data-id=\"b9cee4b\" 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>Kaliteli \u00fcr\u00fcn ve hizmet bilinci ile m\u00fc\u015fteri beklentilerini maksimum d\u00fczeyde kar\u015f\u0131layan \u00e7\u00f6z\u00fcmler sunuyoruz. Her projede insan ya\u015fam kalitesine katk\u0131 yapmay\u0131 \u00f6nceli\u011fimiz olarak g\u00f6r\u00fcyoruz.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94f0474 e-con-full e-flex e-con e-child\" data-id=\"94f0474\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25e8089 elementor-widget elementor-widget-cz_adv_button\" data-id=\"25e8089\" 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_25e8089             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_25e8089 {\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_25e8089 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_25e8089 .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_25e8089 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_25e8089 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_25e8089 .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_25e8089 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_25e8089 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_25e8089 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_25e8089 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_25e8089 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_25e8089 .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_25e8089 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_25e8089 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_25e8089 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_25e8089 .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_25e8089 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_25e8089 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_25e8089 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .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_25e8089 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_25e8089 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_25e8089 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_25e8089 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_25e8089 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_25e8089 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_25e8089 .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_25e8089 .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_25e8089 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_25e8089 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_25e8089 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_25e8089 .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_25e8089 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_25e8089 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_25e8089 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_25e8089 .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_25e8089 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_25e8089 .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_25e8089 .cz-btn,\r\n                #czbtn_25e8089 .cz-btn::before,\r\n                #czbtn_25e8089 .cz-btn::after,\r\n                #czbtn_25e8089 .cz-btn__icon,\r\n                #czbtn_25e8089 .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_25e8089\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\r\n                   class=\"cz-btn cz-btn--filled cz-btn--size-xs 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\">V\u0130ZYONUMUZ<\/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_25e8089');\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-9af21a3 elementor-widget elementor-widget-heading\" data-id=\"9af21a3\" 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\">Avrupa'n\u0131n En Bilinen 5 \u00dcreticisi Aras\u0131nda<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc92b06 elementor-widget elementor-widget-text-editor\" data-id=\"cc92b06\" 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>Yurti\u00e7i pazar liderli\u011fini peki\u015ftirirken Avrupa&#8217;n\u0131n en tan\u0131nan end\u00fcstriyel konnekt\u00f6r \u00fcreticileri aras\u0131nda yer almay\u0131 hedefliyoruz. Teknoloji yat\u0131r\u0131mlar\u0131m\u0131zla bu hedefe kararl\u0131l\u0131kla ilerliyoruz.<\/p>\t\t\t\t\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-209d6e8 e-flex e-con-boxed e-con e-parent\" data-id=\"209d6e8\" 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-666dd01 elementor-widget elementor-widget-heading\" data-id=\"666dd01\" 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\u00dcN GRUPLARIMIZ<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d9e97a e-con-full e-grid e-con e-child\" data-id=\"2d9e97a\" 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-26b9094 e-con-full e-flex e-con e-child\" data-id=\"26b9094\" 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-2d6360e elementor-widget elementor-widget-image\" data-id=\"2d6360e\" 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=\"700\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/kaucuk-fis-ve-prizler-1.svg\" class=\"attachment-large size-large wp-image-581\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-045bc4a elementor-widget elementor-widget-heading\" data-id=\"045bc4a\" 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\">Kau\u00e7uk Fi\u015f ve Prizler<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b1c71ad e-con-full e-flex e-con e-child\" data-id=\"b1c71ad\" 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-1764729 elementor-widget elementor-widget-image\" data-id=\"1764729\" 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=\"700\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/nemliyer-anahtar-ve-prizler.svg\" class=\"attachment-large size-large wp-image-582\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8ae6ef elementor-widget elementor-widget-heading\" data-id=\"e8ae6ef\" 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\">Nemliyer Anahtar ve Prizler<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05cf958 e-con-full e-flex e-con e-child\" data-id=\"05cf958\" 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-d627e4e elementor-widget elementor-widget-image\" data-id=\"d627e4e\" 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=\"700\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/yuksek-akim.svg\" class=\"attachment-large size-large wp-image-584\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb61a50 elementor-widget elementor-widget-heading\" data-id=\"bb61a50\" 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\">Y\u00fcksek Ak\u0131m<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e9b231 e-con-full e-flex e-con e-child\" data-id=\"3e9b231\" 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-833d3bc elementor-widget elementor-widget-image\" data-id=\"833d3bc\" 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=\"700\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/03\/endustriyel-tip-cok-kontakli-fis-ve-prizler.svg\" class=\"attachment-large size-large wp-image-580\" alt=\"\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebe829e elementor-widget elementor-widget-heading\" data-id=\"ebe829e\" 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\">Kontakl\u0131 Fi\u015f ve Prizler<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fa2884 elementor-widget elementor-widget-cz_adv_button\" data-id=\"3fa2884\" 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_3fa2884             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_3fa2884 {\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_3fa2884 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_3fa2884 .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_3fa2884 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_3fa2884 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_3fa2884 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_3fa2884 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_3fa2884 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_3fa2884 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_3fa2884 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_3fa2884 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_3fa2884 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_3fa2884 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_3fa2884 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_3fa2884 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_3fa2884 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_3fa2884 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_3fa2884 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_3fa2884 .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_3fa2884 .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_3fa2884 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_3fa2884 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_3fa2884 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_3fa2884 .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_3fa2884 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_3fa2884 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_3fa2884 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_3fa2884 .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_3fa2884 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_3fa2884 .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_3fa2884 .cz-btn,\r\n                #czbtn_3fa2884 .cz-btn::before,\r\n                #czbtn_3fa2884 .cz-btn::after,\r\n                #czbtn_3fa2884 .cz-btn__icon,\r\n                #czbtn_3fa2884 .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_3fa2884\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/urunler\/\"\r\n                   class=\"cz-btn cz-btn--shadow-fill 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\">T\u00fcm \u00dcr\u00fcnleri G\u00f6r\u00fcnt\u00fcle<\/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_3fa2884');\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7d2919 e-con-full e-flex e-con e-parent\" data-id=\"b7d2919\" 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-12e6ce8 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-cz_adv_button\" data-id=\"12e6ce8\" 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_12e6ce8             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_12e6ce8 {\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_12e6ce8 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_12e6ce8 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_12e6ce8 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_12e6ce8 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_12e6ce8 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_12e6ce8 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_12e6ce8 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_12e6ce8 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_12e6ce8 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_12e6ce8 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_12e6ce8 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_12e6ce8 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_12e6ce8 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_12e6ce8 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_12e6ce8 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .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_12e6ce8 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_12e6ce8 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_12e6ce8 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_12e6ce8 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_12e6ce8 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_12e6ce8 .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_12e6ce8 .cz-btn,\r\n                #czbtn_12e6ce8 .cz-btn::before,\r\n                #czbtn_12e6ce8 .cz-btn::after,\r\n                #czbtn_12e6ce8 .cz-btn__icon,\r\n                #czbtn_12e6ce8 .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_12e6ce8\" 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\">SERT\u0130F\u0130KALAR<\/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_12e6ce8');\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-10aa953 elementor-widget elementor-widget-heading\" data-id=\"10aa953\" 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\">Uluslararas\u0131 Kalite Standartlar\u0131nda \u00dcretim<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a1d3b4 elementor-widget elementor-widget-text-editor\" data-id=\"3a1d3b4\" 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>KEMA, UL ve \u00d6VE onayl\u0131 \u00fcr\u00fcnlerimizle yurt i\u00e7i ve yurt d\u0131\u015f\u0131 pazarlarda g\u00fcvenle kullan\u0131lmaktad\u0131r. CAD-CAM-CAE destekli \u00fcretim ve Ar-Ge altyap\u0131m\u0131zla s\u00fcrekli geli\u015fiyoruz.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88f6ec0 e-grid e-con-boxed e-con e-child\" data-id=\"88f6ec0\" 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-45d279d e-con-full e-flex e-con e-child\" data-id=\"45d279d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-682bd30 elementor-widget elementor-widget-image\" data-id=\"682bd30\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/01_CE_METESOLID.jpg\" class=\"attachment-large size-large wp-image-1688\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/01_CE_METESOLID.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/01_CE_METESOLID-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d527240 elementor-widget elementor-widget-heading\" data-id=\"d527240\" 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\">CE METESOLID<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-89b0ef6 elementor-widget elementor-widget-cz_adv_button\" data-id=\"89b0ef6\" 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_89b0ef6             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_89b0ef6 {\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_89b0ef6 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_89b0ef6 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_89b0ef6 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_89b0ef6 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_89b0ef6 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_89b0ef6 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_89b0ef6 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_89b0ef6 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_89b0ef6 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_89b0ef6 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_89b0ef6 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_89b0ef6 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_89b0ef6 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_89b0ef6 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_89b0ef6 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .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_89b0ef6 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_89b0ef6 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_89b0ef6 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_89b0ef6 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_89b0ef6 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_89b0ef6 .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_89b0ef6 .cz-btn,\r\n                #czbtn_89b0ef6 .cz-btn::before,\r\n                #czbtn_89b0ef6 .cz-btn::after,\r\n                #czbtn_89b0ef6 .cz-btn__icon,\r\n                #czbtn_89b0ef6 .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_89b0ef6\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/CE-METESOLID.pdf\"\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\">\u0130ncele<\/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_89b0ef6');\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<div class=\"elementor-element elementor-element-d40da2f e-con-full e-flex e-con e-child\" data-id=\"d40da2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70701fb elementor-widget elementor-widget-image\" data-id=\"70701fb\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/02_CE_METECON.jpg\" class=\"attachment-large size-large wp-image-1690\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/02_CE_METECON.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/02_CE_METECON-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ddc64ed elementor-widget elementor-widget-heading\" data-id=\"ddc64ed\" 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\">CE METECON<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f12951 elementor-widget elementor-widget-cz_adv_button\" data-id=\"4f12951\" 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_4f12951             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_4f12951 {\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_4f12951 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_4f12951 .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_4f12951 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_4f12951 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_4f12951 .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_4f12951 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_4f12951 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_4f12951 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_4f12951 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_4f12951 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_4f12951 .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_4f12951 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_4f12951 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_4f12951 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_4f12951 .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_4f12951 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_4f12951 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_4f12951 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .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_4f12951 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_4f12951 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_4f12951 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_4f12951 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_4f12951 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_4f12951 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_4f12951 .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_4f12951 .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_4f12951 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_4f12951 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_4f12951 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_4f12951 .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_4f12951 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_4f12951 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_4f12951 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_4f12951 .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_4f12951 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_4f12951 .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_4f12951 .cz-btn,\r\n                #czbtn_4f12951 .cz-btn::before,\r\n                #czbtn_4f12951 .cz-btn::after,\r\n                #czbtn_4f12951 .cz-btn__icon,\r\n                #czbtn_4f12951 .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_4f12951\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/CE-METECON-1.pdf\"\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\">\u0130ncele<\/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_4f12951');\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<div class=\"elementor-element elementor-element-ca81098 e-con-full e-flex e-con e-child\" data-id=\"ca81098\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1081164 elementor-widget elementor-widget-image\" data-id=\"1081164\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/03_CE_METEBOX.jpg\" class=\"attachment-large size-large wp-image-1693\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/03_CE_METEBOX.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/03_CE_METEBOX-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c64072c elementor-widget elementor-widget-heading\" data-id=\"c64072c\" 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\">CE METEBOX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af9e1af elementor-widget elementor-widget-cz_adv_button\" data-id=\"af9e1af\" 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_af9e1af             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_af9e1af {\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_af9e1af .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_af9e1af .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_af9e1af .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_af9e1af .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_af9e1af .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_af9e1af .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_af9e1af .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_af9e1af .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_af9e1af .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_af9e1af .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_af9e1af .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_af9e1af .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_af9e1af .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_af9e1af .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_af9e1af .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_af9e1af .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_af9e1af .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_af9e1af .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .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_af9e1af .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_af9e1af .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_af9e1af .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_af9e1af .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_af9e1af .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_af9e1af .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_af9e1af .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_af9e1af .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_af9e1af .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_af9e1af .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_af9e1af .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_af9e1af .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_af9e1af .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_af9e1af .cz-btn--loading .cz-btn__content,\r\n            #czbtn_af9e1af .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_af9e1af .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_af9e1af .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_af9e1af .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_af9e1af .cz-btn,\r\n                #czbtn_af9e1af .cz-btn::before,\r\n                #czbtn_af9e1af .cz-btn::after,\r\n                #czbtn_af9e1af .cz-btn__icon,\r\n                #czbtn_af9e1af .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_af9e1af\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/CE-METEBOX.pdf\"\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\">\u0130ncele<\/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_af9e1af');\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<div class=\"elementor-element elementor-element-4d5c1cf e-con-full e-flex e-con e-child\" data-id=\"4d5c1cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a1bee5 elementor-widget elementor-widget-image\" data-id=\"1a1bee5\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/23_CE_METEBOX-24.jpg\" class=\"attachment-large size-large wp-image-1695\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/23_CE_METEBOX-24.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/23_CE_METEBOX-24-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3dcb17 elementor-widget elementor-widget-heading\" data-id=\"f3dcb17\" 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\">CE METEBOX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37e0fe1 elementor-widget elementor-widget-cz_adv_button\" data-id=\"37e0fe1\" 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_37e0fe1             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_37e0fe1 {\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_37e0fe1 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_37e0fe1 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_37e0fe1 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_37e0fe1 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_37e0fe1 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_37e0fe1 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_37e0fe1 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_37e0fe1 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_37e0fe1 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_37e0fe1 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_37e0fe1 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_37e0fe1 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_37e0fe1 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_37e0fe1 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_37e0fe1 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .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_37e0fe1 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_37e0fe1 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_37e0fe1 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_37e0fe1 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_37e0fe1 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_37e0fe1 .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_37e0fe1 .cz-btn,\r\n                #czbtn_37e0fe1 .cz-btn::before,\r\n                #czbtn_37e0fe1 .cz-btn::after,\r\n                #czbtn_37e0fe1 .cz-btn__icon,\r\n                #czbtn_37e0fe1 .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_37e0fe1\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/CE-METEBOX-1.pdf\"\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\">\u0130ncele<\/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_37e0fe1');\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<div class=\"elementor-element elementor-element-7e9e08b e-con-full e-flex e-con e-child\" data-id=\"7e9e08b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91d1600 elementor-widget elementor-widget-image\" data-id=\"91d1600\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/04_CE_METEAQUA.jpg\" class=\"attachment-large size-large wp-image-1697\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/04_CE_METEAQUA.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/04_CE_METEAQUA-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50a67a8 elementor-widget elementor-widget-heading\" data-id=\"50a67a8\" 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\">CE METEAQUA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-546f965 elementor-widget elementor-widget-cz_adv_button\" data-id=\"546f965\" 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_546f965             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_546f965 {\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_546f965 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_546f965 .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_546f965 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_546f965 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_546f965 .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_546f965 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_546f965 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_546f965 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_546f965 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_546f965 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_546f965 .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_546f965 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_546f965 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_546f965 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_546f965 .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_546f965 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_546f965 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_546f965 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .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_546f965 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_546f965 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_546f965 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_546f965 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_546f965 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_546f965 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_546f965 .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_546f965 .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_546f965 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_546f965 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_546f965 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_546f965 .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_546f965 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_546f965 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_546f965 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_546f965 .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_546f965 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_546f965 .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_546f965 .cz-btn,\r\n                #czbtn_546f965 .cz-btn::before,\r\n                #czbtn_546f965 .cz-btn::after,\r\n                #czbtn_546f965 .cz-btn__icon,\r\n                #czbtn_546f965 .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_546f965\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/CE-METEAQUA.pdf\"\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\">\u0130ncele<\/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_546f965');\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<div class=\"elementor-element elementor-element-9f7ffe1 e-con-full e-flex e-con e-child\" data-id=\"9f7ffe1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dbceb2 elementor-widget elementor-widget-image\" data-id=\"2dbceb2\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/06_KEMA_METEAQUA.jpg\" class=\"attachment-large size-large wp-image-1699\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/06_KEMA_METEAQUA.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/06_KEMA_METEAQUA-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb3ca04 elementor-widget elementor-widget-heading\" data-id=\"bb3ca04\" 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\">KEMA METEAQUA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c58117 elementor-widget elementor-widget-cz_adv_button\" data-id=\"1c58117\" 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_1c58117             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_1c58117 {\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_1c58117 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_1c58117 .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_1c58117 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_1c58117 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_1c58117 .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_1c58117 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_1c58117 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_1c58117 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_1c58117 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_1c58117 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_1c58117 .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_1c58117 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_1c58117 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_1c58117 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_1c58117 .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_1c58117 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_1c58117 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_1c58117 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .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_1c58117 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_1c58117 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_1c58117 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_1c58117 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_1c58117 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_1c58117 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_1c58117 .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_1c58117 .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_1c58117 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_1c58117 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_1c58117 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_1c58117 .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_1c58117 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_1c58117 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_1c58117 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_1c58117 .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_1c58117 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_1c58117 .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_1c58117 .cz-btn,\r\n                #czbtn_1c58117 .cz-btn::before,\r\n                #czbtn_1c58117 .cz-btn::after,\r\n                #czbtn_1c58117 .cz-btn__icon,\r\n                #czbtn_1c58117 .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_1c58117\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/KEMA-METEAQUA.pdf\"\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\">\u0130ncele<\/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_1c58117');\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<div class=\"elementor-element elementor-element-1d765f0 e-con-full e-flex e-con e-child\" data-id=\"1d765f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20f1938 elementor-widget elementor-widget-image\" data-id=\"20f1938\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/07_KEMA_METESOLID.jpg\" class=\"attachment-large size-large wp-image-1700\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/07_KEMA_METESOLID.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/07_KEMA_METESOLID-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c98af0 elementor-widget elementor-widget-heading\" data-id=\"7c98af0\" 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\">KEMA METESOLID<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-917b6af elementor-widget elementor-widget-cz_adv_button\" data-id=\"917b6af\" 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_917b6af             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_917b6af {\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_917b6af .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_917b6af .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_917b6af .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_917b6af .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_917b6af .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_917b6af .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_917b6af .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_917b6af .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_917b6af .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_917b6af .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_917b6af .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_917b6af .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_917b6af .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_917b6af .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_917b6af .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_917b6af .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_917b6af .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_917b6af .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .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_917b6af .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_917b6af .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_917b6af .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_917b6af .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_917b6af .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_917b6af .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_917b6af .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_917b6af .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_917b6af .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_917b6af .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_917b6af .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_917b6af .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_917b6af .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_917b6af .cz-btn--loading .cz-btn__content,\r\n            #czbtn_917b6af .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_917b6af .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_917b6af .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_917b6af .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_917b6af .cz-btn,\r\n                #czbtn_917b6af .cz-btn::before,\r\n                #czbtn_917b6af .cz-btn::after,\r\n                #czbtn_917b6af .cz-btn__icon,\r\n                #czbtn_917b6af .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_917b6af\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/KEMA-METESOLID.pdf\"\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\">\u0130ncele<\/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_917b6af');\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<div class=\"elementor-element elementor-element-45bfbf0 e-con-full e-flex e-con e-child\" data-id=\"45bfbf0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8c93c3 elementor-widget elementor-widget-image\" data-id=\"a8c93c3\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/09_ISO_10002.jpg\" class=\"attachment-large size-large wp-image-1703\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/09_ISO_10002.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/09_ISO_10002-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4d8d41 elementor-widget elementor-widget-heading\" data-id=\"e4d8d41\" 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\">ISO 10002<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2587196 elementor-widget elementor-widget-cz_adv_button\" data-id=\"2587196\" 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_2587196             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_2587196 {\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_2587196 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_2587196 .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_2587196 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_2587196 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_2587196 .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_2587196 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_2587196 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_2587196 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_2587196 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_2587196 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_2587196 .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_2587196 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_2587196 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_2587196 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_2587196 .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_2587196 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_2587196 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_2587196 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .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_2587196 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_2587196 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_2587196 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_2587196 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_2587196 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_2587196 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_2587196 .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_2587196 .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_2587196 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_2587196 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_2587196 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_2587196 .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_2587196 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_2587196 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_2587196 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_2587196 .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_2587196 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_2587196 .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_2587196 .cz-btn,\r\n                #czbtn_2587196 .cz-btn::before,\r\n                #czbtn_2587196 .cz-btn::after,\r\n                #czbtn_2587196 .cz-btn__icon,\r\n                #czbtn_2587196 .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_2587196\" class=\"cz-btn-wrap\">\r\n                <a href=\"#\"\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\">\u0130ncele<\/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_2587196');\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<div class=\"elementor-element elementor-element-ea8c90d e-con-full e-flex e-con e-child\" data-id=\"ea8c90d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31b518d elementor-widget elementor-widget-image\" data-id=\"31b518d\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/10_ISO_9001.jpg\" class=\"attachment-large size-large wp-image-1707\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/10_ISO_9001.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/10_ISO_9001-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b47f519 elementor-widget elementor-widget-heading\" data-id=\"b47f519\" 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\">ISO 9001<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efd59cb elementor-widget elementor-widget-cz_adv_button\" data-id=\"efd59cb\" 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_efd59cb             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_efd59cb {\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_efd59cb .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_efd59cb .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_efd59cb .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_efd59cb .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_efd59cb .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_efd59cb .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_efd59cb .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_efd59cb .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_efd59cb .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_efd59cb .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_efd59cb .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_efd59cb .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_efd59cb .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_efd59cb .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_efd59cb .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_efd59cb .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_efd59cb .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_efd59cb .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .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_efd59cb .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_efd59cb .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_efd59cb .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_efd59cb .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_efd59cb .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_efd59cb .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_efd59cb .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_efd59cb .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_efd59cb .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_efd59cb .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_efd59cb .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_efd59cb .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_efd59cb .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_efd59cb .cz-btn--loading .cz-btn__content,\r\n            #czbtn_efd59cb .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_efd59cb .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_efd59cb .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_efd59cb .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_efd59cb .cz-btn,\r\n                #czbtn_efd59cb .cz-btn::before,\r\n                #czbtn_efd59cb .cz-btn::after,\r\n                #czbtn_efd59cb .cz-btn__icon,\r\n                #czbtn_efd59cb .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_efd59cb\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/ISO-9001.pdf\"\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\">\u0130ncele<\/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_efd59cb');\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<div class=\"elementor-element elementor-element-3dbbd3b e-con-full e-flex e-con e-child\" data-id=\"3dbbd3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1978cf elementor-widget elementor-widget-image\" data-id=\"a1978cf\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/11_ISO_14001-2.jpg\" class=\"attachment-large size-large wp-image-1710\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/11_ISO_14001-2.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/11_ISO_14001-2-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83ee726 elementor-widget elementor-widget-heading\" data-id=\"83ee726\" 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\">ISO 14001<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d61543 elementor-widget elementor-widget-cz_adv_button\" data-id=\"5d61543\" 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_5d61543             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_5d61543 {\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_5d61543 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_5d61543 .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_5d61543 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_5d61543 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_5d61543 .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_5d61543 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_5d61543 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_5d61543 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_5d61543 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_5d61543 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_5d61543 .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_5d61543 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_5d61543 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_5d61543 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_5d61543 .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_5d61543 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_5d61543 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_5d61543 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .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_5d61543 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_5d61543 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_5d61543 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_5d61543 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_5d61543 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_5d61543 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_5d61543 .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_5d61543 .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_5d61543 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_5d61543 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_5d61543 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_5d61543 .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_5d61543 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_5d61543 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_5d61543 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_5d61543 .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_5d61543 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_5d61543 .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_5d61543 .cz-btn,\r\n                #czbtn_5d61543 .cz-btn::before,\r\n                #czbtn_5d61543 .cz-btn::after,\r\n                #czbtn_5d61543 .cz-btn__icon,\r\n                #czbtn_5d61543 .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_5d61543\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/ISO-14001.pdf\"\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\">\u0130ncele<\/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_5d61543');\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<div class=\"elementor-element elementor-element-9ad5581 e-con-full e-flex e-con e-child\" data-id=\"9ad5581\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca32a3a elementor-widget elementor-widget-image\" data-id=\"ca32a3a\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/14_METECON_Trademark.jpg\" class=\"attachment-large size-large wp-image-1716\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/14_METECON_Trademark.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/14_METECON_Trademark-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7ed040f elementor-widget elementor-widget-heading\" data-id=\"7ed040f\" 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\">METECON Trademark<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1f532d elementor-widget elementor-widget-cz_adv_button\" data-id=\"e1f532d\" 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_e1f532d             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_e1f532d {\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_e1f532d .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_e1f532d .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_e1f532d .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_e1f532d .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_e1f532d .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_e1f532d .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_e1f532d .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_e1f532d .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_e1f532d .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_e1f532d .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_e1f532d .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_e1f532d .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_e1f532d .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_e1f532d .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_e1f532d .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_e1f532d .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_e1f532d .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_e1f532d .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .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_e1f532d .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_e1f532d .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_e1f532d .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_e1f532d .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_e1f532d .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_e1f532d .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_e1f532d .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_e1f532d .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_e1f532d .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_e1f532d .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_e1f532d .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_e1f532d .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_e1f532d .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_e1f532d .cz-btn--loading .cz-btn__content,\r\n            #czbtn_e1f532d .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_e1f532d .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_e1f532d .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_e1f532d .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_e1f532d .cz-btn,\r\n                #czbtn_e1f532d .cz-btn::before,\r\n                #czbtn_e1f532d .cz-btn::after,\r\n                #czbtn_e1f532d .cz-btn__icon,\r\n                #czbtn_e1f532d .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_e1f532d\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/METECON-Trademark.pdf\"\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\">\u0130ncele<\/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_e1f532d');\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<div class=\"elementor-element elementor-element-6f142ea e-con-full e-flex e-con e-child\" data-id=\"6f142ea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06886d7 elementor-widget elementor-widget-image\" data-id=\"06886d7\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/15_UL_METECON.jpg\" class=\"attachment-large size-large wp-image-1718\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/15_UL_METECON.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/15_UL_METECON-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4550638 elementor-widget elementor-widget-heading\" data-id=\"4550638\" 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\">UL METECON<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-194fe0f elementor-widget elementor-widget-cz_adv_button\" data-id=\"194fe0f\" 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_194fe0f             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_194fe0f {\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_194fe0f .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_194fe0f .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_194fe0f .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_194fe0f .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_194fe0f .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_194fe0f .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_194fe0f .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_194fe0f .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_194fe0f .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_194fe0f .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_194fe0f .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_194fe0f .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_194fe0f .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_194fe0f .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_194fe0f .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_194fe0f .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_194fe0f .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_194fe0f .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .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_194fe0f .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_194fe0f .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_194fe0f .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_194fe0f .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_194fe0f .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_194fe0f .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_194fe0f .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_194fe0f .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_194fe0f .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_194fe0f .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_194fe0f .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_194fe0f .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_194fe0f .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_194fe0f .cz-btn--loading .cz-btn__content,\r\n            #czbtn_194fe0f .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_194fe0f .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_194fe0f .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_194fe0f .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_194fe0f .cz-btn,\r\n                #czbtn_194fe0f .cz-btn::before,\r\n                #czbtn_194fe0f .cz-btn::after,\r\n                #czbtn_194fe0f .cz-btn__icon,\r\n                #czbtn_194fe0f .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_194fe0f\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/UL-METECON.pdf\"\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\">\u0130ncele<\/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_194fe0f');\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<div class=\"elementor-element elementor-element-e6f4082 e-con-full e-flex e-con e-child\" data-id=\"e6f4082\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b65ef4e elementor-widget elementor-widget-image\" data-id=\"b65ef4e\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/16_TSE_METECON.jpg\" class=\"attachment-large size-large wp-image-1720\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/16_TSE_METECON.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/16_TSE_METECON-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb44c08 elementor-widget elementor-widget-heading\" data-id=\"eb44c08\" 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\">TSE METECON<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cad9044 elementor-widget elementor-widget-cz_adv_button\" data-id=\"cad9044\" 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_cad9044             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_cad9044 {\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_cad9044 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_cad9044 .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_cad9044 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_cad9044 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_cad9044 .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_cad9044 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_cad9044 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_cad9044 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_cad9044 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_cad9044 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_cad9044 .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_cad9044 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_cad9044 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_cad9044 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_cad9044 .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_cad9044 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_cad9044 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_cad9044 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .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_cad9044 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_cad9044 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_cad9044 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_cad9044 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_cad9044 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_cad9044 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_cad9044 .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_cad9044 .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_cad9044 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_cad9044 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_cad9044 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_cad9044 .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_cad9044 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_cad9044 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_cad9044 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_cad9044 .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_cad9044 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_cad9044 .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_cad9044 .cz-btn,\r\n                #czbtn_cad9044 .cz-btn::before,\r\n                #czbtn_cad9044 .cz-btn::after,\r\n                #czbtn_cad9044 .cz-btn__icon,\r\n                #czbtn_cad9044 .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_cad9044\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/TSE-METECON.pdf\"\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\">\u0130ncele<\/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_cad9044');\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<div class=\"elementor-element elementor-element-7f0ffaf e-con-full e-flex e-con e-child\" data-id=\"7f0ffaf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb4b25 elementor-widget elementor-widget-image\" data-id=\"7bb4b25\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/17_TSE_METECEE.jpg\" class=\"attachment-large size-large wp-image-1723\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/17_TSE_METECEE.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/17_TSE_METECEE-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-928f2c8 elementor-widget elementor-widget-heading\" data-id=\"928f2c8\" 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\">TSE METECEE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bdd894 elementor-widget elementor-widget-cz_adv_button\" data-id=\"2bdd894\" 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_2bdd894             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_2bdd894 {\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_2bdd894 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_2bdd894 .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_2bdd894 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_2bdd894 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_2bdd894 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_2bdd894 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_2bdd894 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_2bdd894 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_2bdd894 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_2bdd894 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_2bdd894 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_2bdd894 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_2bdd894 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_2bdd894 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_2bdd894 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_2bdd894 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_2bdd894 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_2bdd894 .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_2bdd894 .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_2bdd894 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_2bdd894 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_2bdd894 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_2bdd894 .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_2bdd894 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_2bdd894 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_2bdd894 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_2bdd894 .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_2bdd894 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_2bdd894 .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_2bdd894 .cz-btn,\r\n                #czbtn_2bdd894 .cz-btn::before,\r\n                #czbtn_2bdd894 .cz-btn::after,\r\n                #czbtn_2bdd894 .cz-btn__icon,\r\n                #czbtn_2bdd894 .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_2bdd894\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/17_TSE_METECEE.jpg\"\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\">\u0130ncele<\/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_2bdd894');\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<div class=\"elementor-element elementor-element-435172c e-con-full e-flex e-con e-child\" data-id=\"435172c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a7f383 elementor-widget elementor-widget-image\" data-id=\"6a7f383\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/12_ISO_IEC_27001.jpg\" class=\"attachment-large size-large wp-image-1712\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/12_ISO_IEC_27001.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/12_ISO_IEC_27001-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4d3bc9 elementor-widget elementor-widget-heading\" data-id=\"c4d3bc9\" 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\">ISO IEC 27001<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73f99c4 elementor-widget elementor-widget-cz_adv_button\" data-id=\"73f99c4\" 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_73f99c4             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_73f99c4 {\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_73f99c4 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_73f99c4 .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_73f99c4 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_73f99c4 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_73f99c4 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_73f99c4 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_73f99c4 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_73f99c4 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_73f99c4 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_73f99c4 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_73f99c4 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_73f99c4 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_73f99c4 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_73f99c4 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_73f99c4 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_73f99c4 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_73f99c4 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_73f99c4 .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_73f99c4 .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_73f99c4 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_73f99c4 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_73f99c4 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_73f99c4 .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_73f99c4 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_73f99c4 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_73f99c4 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_73f99c4 .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_73f99c4 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_73f99c4 .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_73f99c4 .cz-btn,\r\n                #czbtn_73f99c4 .cz-btn::before,\r\n                #czbtn_73f99c4 .cz-btn::after,\r\n                #czbtn_73f99c4 .cz-btn__icon,\r\n                #czbtn_73f99c4 .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_73f99c4\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/ISO-IEC-27001.pdf\"\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\">\u0130ncele<\/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_73f99c4');\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<div class=\"elementor-element elementor-element-2b0ca15 e-con-full e-flex e-con e-child\" data-id=\"2b0ca15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e65fac8 elementor-widget elementor-widget-image\" data-id=\"e65fac8\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/18_TSE_METESOLID.jpg\" class=\"attachment-large size-large wp-image-1727\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/18_TSE_METESOLID.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/18_TSE_METESOLID-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5202bf7 elementor-widget elementor-widget-heading\" data-id=\"5202bf7\" 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\">TSE METESOLID<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad3f0c8 elementor-widget elementor-widget-cz_adv_button\" data-id=\"ad3f0c8\" 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_ad3f0c8             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_ad3f0c8 {\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_ad3f0c8 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_ad3f0c8 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_ad3f0c8 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_ad3f0c8 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_ad3f0c8 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_ad3f0c8 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_ad3f0c8 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_ad3f0c8 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_ad3f0c8 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_ad3f0c8 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_ad3f0c8 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_ad3f0c8 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_ad3f0c8 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_ad3f0c8 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_ad3f0c8 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .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_ad3f0c8 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_ad3f0c8 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_ad3f0c8 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_ad3f0c8 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_ad3f0c8 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_ad3f0c8 .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_ad3f0c8 .cz-btn,\r\n                #czbtn_ad3f0c8 .cz-btn::before,\r\n                #czbtn_ad3f0c8 .cz-btn::after,\r\n                #czbtn_ad3f0c8 .cz-btn__icon,\r\n                #czbtn_ad3f0c8 .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_ad3f0c8\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/TSE-METESOLID.pdf\"\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\">\u0130ncele<\/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_ad3f0c8');\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<div class=\"elementor-element elementor-element-a37b0c5 e-con-full e-flex e-con e-child\" data-id=\"a37b0c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1acde98 elementor-widget elementor-widget-image\" data-id=\"1acde98\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/19_TSE_METEBOX.jpg\" class=\"attachment-large size-large wp-image-1730\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/19_TSE_METEBOX.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/19_TSE_METEBOX-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28725e0 elementor-widget elementor-widget-heading\" data-id=\"28725e0\" 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\">TSE METEBOX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b046bd elementor-widget elementor-widget-cz_adv_button\" data-id=\"5b046bd\" 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_5b046bd             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_5b046bd {\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_5b046bd .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_5b046bd .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_5b046bd .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_5b046bd .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_5b046bd .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_5b046bd .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_5b046bd .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_5b046bd .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_5b046bd .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_5b046bd .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_5b046bd .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_5b046bd .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_5b046bd .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_5b046bd .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_5b046bd .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_5b046bd .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_5b046bd .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_5b046bd .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .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_5b046bd .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_5b046bd .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_5b046bd .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_5b046bd .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_5b046bd .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_5b046bd .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_5b046bd .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_5b046bd .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_5b046bd .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_5b046bd .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_5b046bd .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_5b046bd .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_5b046bd .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_5b046bd .cz-btn--loading .cz-btn__content,\r\n            #czbtn_5b046bd .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_5b046bd .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_5b046bd .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_5b046bd .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_5b046bd .cz-btn,\r\n                #czbtn_5b046bd .cz-btn::before,\r\n                #czbtn_5b046bd .cz-btn::after,\r\n                #czbtn_5b046bd .cz-btn__icon,\r\n                #czbtn_5b046bd .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_5b046bd\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/TSE-METEBOX.pdf\"\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\">\u0130ncele<\/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_5b046bd');\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<div class=\"elementor-element elementor-element-8644b62 e-con-full e-flex e-con e-child\" data-id=\"8644b62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dce8c84 elementor-widget elementor-widget-image\" data-id=\"dce8c84\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/20_TSE_METEBOX.jpg\" class=\"attachment-large size-large wp-image-1734\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/20_TSE_METEBOX.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/20_TSE_METEBOX-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-497343f elementor-widget elementor-widget-heading\" data-id=\"497343f\" 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\">TSE METEBOX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0735a30 elementor-widget elementor-widget-cz_adv_button\" data-id=\"0735a30\" 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_0735a30             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_0735a30 {\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_0735a30 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_0735a30 .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_0735a30 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_0735a30 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_0735a30 .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_0735a30 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_0735a30 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_0735a30 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_0735a30 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_0735a30 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_0735a30 .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_0735a30 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_0735a30 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_0735a30 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_0735a30 .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_0735a30 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_0735a30 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_0735a30 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .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_0735a30 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_0735a30 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_0735a30 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_0735a30 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_0735a30 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_0735a30 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_0735a30 .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_0735a30 .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_0735a30 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_0735a30 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_0735a30 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_0735a30 .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_0735a30 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_0735a30 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_0735a30 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_0735a30 .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_0735a30 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_0735a30 .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_0735a30 .cz-btn,\r\n                #czbtn_0735a30 .cz-btn::before,\r\n                #czbtn_0735a30 .cz-btn::after,\r\n                #czbtn_0735a30 .cz-btn__icon,\r\n                #czbtn_0735a30 .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_0735a30\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/20_TSE_METEBOX-3.jpg\"\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\">\u0130ncele<\/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_0735a30');\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<div class=\"elementor-element elementor-element-30a27f2 e-con-full e-flex e-con e-child\" data-id=\"30a27f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9af4357 elementor-widget elementor-widget-image\" data-id=\"9af4357\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/21_TSE_METEAQUA.jpg\" class=\"attachment-large size-large wp-image-1738\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/21_TSE_METEAQUA.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/21_TSE_METEAQUA-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21c276b elementor-widget elementor-widget-heading\" data-id=\"21c276b\" 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\">TSE METEAQUA<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf6bf0c elementor-widget elementor-widget-cz_adv_button\" data-id=\"cf6bf0c\" 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_cf6bf0c             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_cf6bf0c {\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_cf6bf0c .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_cf6bf0c .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_cf6bf0c .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_cf6bf0c .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_cf6bf0c .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_cf6bf0c .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_cf6bf0c .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_cf6bf0c .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_cf6bf0c .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_cf6bf0c .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_cf6bf0c .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_cf6bf0c .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_cf6bf0c .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_cf6bf0c .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_cf6bf0c .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .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_cf6bf0c .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_cf6bf0c .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_cf6bf0c .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_cf6bf0c .cz-btn--loading .cz-btn__content,\r\n            #czbtn_cf6bf0c .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_cf6bf0c .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_cf6bf0c .cz-btn,\r\n                #czbtn_cf6bf0c .cz-btn::before,\r\n                #czbtn_cf6bf0c .cz-btn::after,\r\n                #czbtn_cf6bf0c .cz-btn__icon,\r\n                #czbtn_cf6bf0c .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_cf6bf0c\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/TSE-METEAQUA.pdf\"\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\">\u0130ncele<\/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_cf6bf0c');\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<div class=\"elementor-element elementor-element-1dc5285 e-con-full e-flex e-con e-child\" data-id=\"1dc5285\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c002c1 elementor-widget elementor-widget-image\" data-id=\"6c002c1\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/13_ISO_45001.jpg\" class=\"attachment-large size-large wp-image-1714\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/13_ISO_45001.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/13_ISO_45001-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37e5082 elementor-widget elementor-widget-heading\" data-id=\"37e5082\" 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\">ISO 45001<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1d59ca elementor-widget elementor-widget-cz_adv_button\" data-id=\"c1d59ca\" 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_c1d59ca             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_c1d59ca {\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_c1d59ca .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_c1d59ca .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_c1d59ca .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_c1d59ca .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_c1d59ca .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_c1d59ca .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_c1d59ca .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_c1d59ca .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_c1d59ca .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_c1d59ca .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_c1d59ca .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_c1d59ca .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_c1d59ca .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_c1d59ca .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_c1d59ca .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_c1d59ca .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_c1d59ca .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_c1d59ca .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_c1d59ca .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_c1d59ca .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_c1d59ca .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_c1d59ca .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_c1d59ca .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_c1d59ca .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_c1d59ca .cz-btn--loading .cz-btn__content,\r\n            #czbtn_c1d59ca .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_c1d59ca .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_c1d59ca .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_c1d59ca .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_c1d59ca .cz-btn,\r\n                #czbtn_c1d59ca .cz-btn::before,\r\n                #czbtn_c1d59ca .cz-btn::after,\r\n                #czbtn_c1d59ca .cz-btn__icon,\r\n                #czbtn_c1d59ca .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_c1d59ca\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/ISO-45001.pdf\"\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\">\u0130ncele<\/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_c1d59ca');\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<div class=\"elementor-element elementor-element-78f1dd1 e-con-full e-flex e-con e-child\" data-id=\"78f1dd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f6665e elementor-widget elementor-widget-image\" data-id=\"6f6665e\" 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=\"424\" height=\"600\" src=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/22_ATEX_MeteEnerji.jpg\" class=\"attachment-large size-large wp-image-1742\" alt=\"\" srcset=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/22_ATEX_MeteEnerji.jpg 424w, https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/22_ATEX_MeteEnerji-212x300.jpg 212w\" sizes=\"(max-width: 424px) 100vw, 424px\" loading=\"eager\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85bbe20 elementor-widget elementor-widget-heading\" data-id=\"85bbe20\" 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\">ATEX<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bac9a5 elementor-widget elementor-widget-cz_adv_button\" data-id=\"0bac9a5\" 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_0bac9a5             * \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\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_0bac9a5 {\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_0bac9a5 .cz-btn-wrap { line-height: 0; }\r\n\r\n            \/* \u2500\u2500 Base Buton \u2500\u2500 *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--spread.cz-btn--icon-left {\r\n                flex-direction: row;\r\n            }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .cz-btn--filled { background: var(--cz-bg); }\r\n            #czbtn_0bac9a5 .cz-btn--filled:hover { background: var(--cz-bg-hover); }\r\n\r\n            \/* OUTLINE *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--gradient:hover { filter: brightness(1.08); }\r\n\r\n            \/* GLASS *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .cz-btn--glass:hover { background: rgba(255,255,255,.22); }\r\n\r\n            \/* GLASS PRO \u2014 blur + renkli arka plan *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--dual-tone {\r\n                background: var(--cz-bg);\r\n                --cz-ibox-bg: var(--cz-grad-end);\r\n            }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--duotone-split .cz-btn__text {\r\n                color: inherit;\r\n            }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--text-only:hover { opacity: .72; }\r\n\r\n            \/* \u2500\u2500 Press \/ Active \u2500\u2500 *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--size-xs { padding: 5px 12px;  font-size: 11px; font-weight: 500; }\r\n            #czbtn_0bac9a5 .cz-btn--size-sm { padding: 7px 16px;  font-size: 13px; font-weight: 500; }\r\n            #czbtn_0bac9a5 .cz-btn--size-md { padding: 11px 22px; font-size: 14px; font-weight: 600; }\r\n            #czbtn_0bac9a5 .cz-btn--size-lg { padding: 13px 30px; font-size: 16px; font-weight: 600; }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn__icon svg { width: var(--cz-icon-size); height: var(--cz-icon-size); fill: currentColor; }\r\n            #czbtn_0bac9a5 .cz-btn:hover .cz-btn__icon { color: var(--cz-icon-color-hover); }\r\n\r\n            \/* \u0130kon Kutusu *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .cz-btn:hover .cz-btn__icon-box { background: var(--cz-ibox-bg-hover); }\r\n\r\n            \/* \u0130kon Konum *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn__text    { line-height: 1.35; }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--fx-sweep.cz-btn--sweep-left::before  { left: 0; width: 0; }\r\n            #czbtn_0bac9a5 .cz-btn--fx-sweep.cz-btn--sweep-left:hover::before  { width: 100%; }\r\n            \/* Sweep Right *\/\r\n            #czbtn_0bac9a5 .cz-btn--fx-sweep.cz-btn--sweep-right::before { right: 0; width: 0; }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--fx-slide-up:hover::before { height: 100%; }\r\n\r\n            \/* SHINE *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .cz-btn--fx-shine:hover::before { left: 130%; }\r\n\r\n            \/* RIPPLE span (JS ile eklenir) *\/\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--fx-underline:hover::after { width: 100%; }\r\n\r\n            \/* 3D TILT (JS) *\/\r\n            #czbtn_0bac9a5 .cz-btn--fx-tilt { transform-style: preserve-3d; perspective: 600px; }\r\n\r\n            \/* BORDER TRACE *\/\r\n            #czbtn_0bac9a5 .cz-btn--fx-border-trace { border: 2px solid transparent; background-clip: padding-box; }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn--ia-slide-right:hover .cz-btn__icon { transform: translateX(5px); }\r\n            #czbtn_0bac9a5 .cz-btn--ia-slide-left:hover  .cz-btn__icon { transform: translateX(-5px); }\r\n            #czbtn_0bac9a5 .cz-btn--ia-rotate:hover  .cz-btn__icon { transform: rotate(90deg); }\r\n            #czbtn_0bac9a5 .cz-btn--ia-scale:hover   .cz-btn__icon { transform: scale(1.35); }\r\n            #czbtn_0bac9a5 .cz-btn--ia-flip:hover    .cz-btn__icon { transform: rotateY(180deg); }\r\n            #czbtn_0bac9a5 .cz-btn--ia-fade:hover    .cz-btn__icon { opacity: 0; transform: translateX(8px); }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .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_0bac9a5 .cz-btn__badge--top-right  { position: absolute; top: -8px; right: -8px; }\r\n            #czbtn_0bac9a5 .cz-btn__badge--top-left   { position: absolute; top: -8px; left: -8px; }\r\n            #czbtn_0bac9a5 .cz-btn__badge--inline-right { position: relative; margin-left: 6px; }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .cz-btn--loading { pointer-events: none; opacity: .75; }\r\n            #czbtn_0bac9a5 .cz-btn--loading .cz-btn__content,\r\n            #czbtn_0bac9a5 .cz-btn--loading .cz-btn__icon { visibility: hidden; }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .cz-btn--loading .cz-btn__loader { display: flex; }\r\n            #czbtn_0bac9a5 .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_0bac9a5 .cz-btn,\r\n                #czbtn_0bac9a5 .cz-btn::before,\r\n                #czbtn_0bac9a5 .cz-btn::after,\r\n                #czbtn_0bac9a5 .cz-btn__icon,\r\n                #czbtn_0bac9a5 .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_0bac9a5\" class=\"cz-btn-wrap\">\r\n                <a href=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/ATEX-1.pdf\"\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\">\u0130ncele<\/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_0bac9a5');\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>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HAKKIMIZDA Y\u00fckleniyor\u2026 G\u00fc\u00e7l\u00fc Ba\u011flant\u0131lar, G\u00fcvenilir \u00c7\u00f6z\u00fcmler 1980&#8217;den bug\u00fcne elektrik sekt\u00f6r\u00fcndeki derin birikimimizle \u0130zmir&#8217;den d\u00fcnyaya 50&#8217;den fazla \u00fclkede end\u00fcstriyel ba\u011flant\u0131 \u00e7\u00f6z\u00fcmleri sunuyoruz. 45+ Y\u0131ll\u0131k Deneyim 50+ \u00dclkeye Ticaret 2001 Kurulu\u015f Y\u0131l\u0131 439+ \u00dcr\u00fcn \u00c7e\u015fiti METE ENERJ\u0130 Y\u00fckleniyor\u2026 Hakk\u0131m\u0131zda 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"ai_generated_summary":"","footnotes":""},"class_list":["post-1168","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>Kurumsal<\/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=\"Kurumsal\" \/>\n<meta property=\"og:description\" content=\"HAKKIMIZDA Y\u00fckleniyor\u2026 G\u00fc\u00e7l\u00fc Ba\u011flant\u0131lar, G\u00fcvenilir \u00c7\u00f6z\u00fcmler 1980&#8217;den bug\u00fcne elektrik sekt\u00f6r\u00fcndeki derin birikimimizle \u0130zmir&#8217;den d\u00fcnyaya 50&#8217;den fazla \u00fclkede end\u00fcstriyel ba\u011flant\u0131 \u00e7\u00f6z\u00fcmleri sunuyoruz. 45+ Y\u0131ll\u0131k Deneyim 50+ \u00dclkeye Ticaret 2001 Kurulu\u015f Y\u0131l\u0131 439+ \u00dcr\u00fcn \u00c7e\u015fiti METE ENERJ\u0130 Y\u00fckleniyor\u2026 Hakk\u0131m\u0131zda 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 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demo5.softasist.com\/en\/kurumsal\/\" \/>\n<meta property=\"og:site_name\" content=\"Mete Enerji - Powerful Connections\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-29T12:24:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-768x432.jpeg\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/\",\"url\":\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/\",\"name\":\"Kurumsal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/fabrika-768x432.jpeg\",\"datePublished\":\"2026-04-07T07:01:10+00:00\",\"dateModified\":\"2026-04-29T12:24:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/#primaryimage\",\"url\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/fabrika-768x432.jpeg\",\"contentUrl\":\"https:\\\/\\\/demo5.softasist.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/fabrika-768x432.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demo5.softasist.com\\\/kurumsal\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/demo5.softasist.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kurumsal\"}]},{\"@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":"Corporate","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":"Kurumsal","og_description":"HAKKIMIZDA Y\u00fckleniyor\u2026 G\u00fc\u00e7l\u00fc Ba\u011flant\u0131lar, G\u00fcvenilir \u00c7\u00f6z\u00fcmler 1980&#8217;den bug\u00fcne elektrik sekt\u00f6r\u00fcndeki derin birikimimizle \u0130zmir&#8217;den d\u00fcnyaya 50&#8217;den fazla \u00fclkede end\u00fcstriyel ba\u011flant\u0131 \u00e7\u00f6z\u00fcmleri sunuyoruz. 45+ Y\u0131ll\u0131k Deneyim 50+ \u00dclkeye Ticaret 2001 Kurulu\u015f Y\u0131l\u0131 439+ \u00dcr\u00fcn \u00c7e\u015fiti METE ENERJ\u0130 Y\u00fckleniyor\u2026 Hakk\u0131m\u0131zda 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 [&hellip;]","og_url":"https:\/\/demo5.softasist.com\/en\/kurumsal\/","og_site_name":"Mete Enerji - Powerful Connections","article_modified_time":"2026-04-29T12:24:30+00:00","og_image":[{"url":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-768x432.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demo5.softasist.com\/kurumsal\/","url":"https:\/\/demo5.softasist.com\/kurumsal\/","name":"Corporate","isPartOf":{"@id":"https:\/\/demo5.softasist.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/demo5.softasist.com\/kurumsal\/#primaryimage"},"image":{"@id":"https:\/\/demo5.softasist.com\/kurumsal\/#primaryimage"},"thumbnailUrl":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-768x432.jpeg","datePublished":"2026-04-07T07:01:10+00:00","dateModified":"2026-04-29T12:24:30+00:00","breadcrumb":{"@id":"https:\/\/demo5.softasist.com\/kurumsal\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demo5.softasist.com\/kurumsal\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/demo5.softasist.com\/kurumsal\/#primaryimage","url":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-768x432.jpeg","contentUrl":"https:\/\/demo5.softasist.com\/wp-content\/uploads\/2026\/04\/fabrika-768x432.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/demo5.softasist.com\/kurumsal\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/demo5.softasist.com\/"},{"@type":"ListItem","position":2,"name":"Kurumsal"}]},{"@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\/1168","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=1168"}],"version-history":[{"count":0,"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/pages\/1168\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo5.softasist.com\/en\/wp-json\/wp\/v2\/media?parent=1168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}