{"id":14401,"date":"2026-07-11T11:02:20","date_gmt":"2026-07-11T08:02:20","guid":{"rendered":"https:\/\/turpak.com.tr\/?page_id=14401"},"modified":"2026-07-22T01:38:55","modified_gmt":"2026-07-21T22:38:55","slug":"pompa-otomasyon-cozumleri","status":"publish","type":"page","link":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/","title":{"rendered":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1784673452670 vc_row-no-padding wd-rs-6a5ff4a50471c\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    html,\n    body {\n        width: 100%;\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow-x: hidden;\n        background: #071219;\n    }\n\n    @supports (overflow: clip) {\n\n        html,\n        body {\n            overflow-x: clip;\n        }\n    }\n\n    .tp-banner-host,\n    .tp-banner-host *,\n    .tp-banner-host *::before,\n    .tp-banner-host *::after {\n        box-sizing: border-box;\n    }\n\n    .tp-banner-host {\n        position: relative;\n        display: block;\n        width: 100%;\n        max-width: 100%;\n        margin: 0 !important;\n        padding: 0 !important;\n        border: 0 !important;\n        outline: 0;\n        overflow: hidden;\n        background: #071219;\n        line-height: normal;\n    }\n\n    .tp-banner-host img {\n        display: block;\n        max-width: none;\n        margin: 0;\n        padding: 0;\n        border: 0 !important;\n        border-radius: 0;\n        box-shadow: none !important;\n    }\n\n    .tp-banner-host a {\n        font: inherit;\n    }\n\n    \/* =========================================================\n     TEKLI BANNER\n  ========================================================= *\/\n\n    .tp-banner {\n        --tp-blue: #1687ff;\n\n        position: relative;\n        display: block;\n        width: 100%;\n        max-width: 100%;\n        min-height: 0;\n        height: min(calc(100dvh - var(--tp-viewport-offset, 0px)), 960px);\n        margin: 0 !important;\n        padding: 0 !important;\n        overflow: hidden;\n        isolation: isolate;\n\n        color: #ffffff;\n        background: #071219;\n\n        border: 0 !important;\n        outline: 0;\n        font-family: inherit;\n    }\n\n    .tp-banner__media {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n        background: #071219;\n    }\n\n    .tp-banner__image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        object-position: center;\n\n        user-select: none;\n        -webkit-user-select: none;\n        -webkit-user-drag: none;\n    }\n\n    .tp-banner__overlay {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n\n        pointer-events: none;\n\n        background:\n            linear-gradient(90deg,\n                rgba(3, 14, 21, 0.95) 0%,\n                rgba(3, 14, 21, 0.74) 30%,\n                rgba(3, 14, 21, 0.24) 65%,\n                rgba(3, 14, 21, 0.08) 100%),\n            linear-gradient(180deg,\n                rgba(2, 10, 15, 0.14) 0%,\n                rgba(2, 10, 15, 0) 45%,\n                rgba(2, 10, 15, 0.74) 100%);\n    }\n\n    .tp-banner__container {\n        position: relative;\n        z-index: 2;\n\n        width: min(1420px, calc(100% - 80px));\n        height: 100%;\n        margin: 0 auto;\n        padding: 50px 0;\n\n        display: flex;\n        align-items: center;\n    }\n\n    .tp-banner__card {\n        position: relative;\n\n        width: min(600px, 100%);\n        min-height: 410px;\n        padding: 30px;\n\n        display: grid;\n        align-items: center;\n\n        overflow: hidden;\n\n        border: 1px solid rgba(255, 255, 255, 0.2);\n        border-radius: 20px;\n\n        background: rgba(8, 22, 30, 0.67);\n\n        box-shadow:\n            0 25px 70px rgba(0, 0, 0, 0.34),\n            inset 0 1px 0 rgba(255, 255, 255, 0.05);\n\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n    }\n\n    .tp-banner__eyebrow {\n        margin: 0 0 22px;\n\n        display: flex;\n        align-items: center;\n        gap: 12px;\n\n        color: var(--tp-blue);\n\n        font-size: 14px;\n        font-weight: 600;\n        line-height: 1.4;\n        letter-spacing: 0.13em;\n        text-transform: uppercase;\n    }\n\n    .tp-banner__eyebrow::before {\n        content: \"\";\n\n        width: 28px;\n        height: 2px;\n        flex: 0 0 28px;\n\n        background: currentColor;\n    }\n\n    .tp-banner__title {\n        max-width: 510px;\n        margin: 0 !important;\n\n        color: #ffffff;\n\n        font-size: clamp(38px, 4vw, 58px);\n        font-weight: 650;\n        line-height: 1.08;\n        letter-spacing: 0;\n    }\n\n    .tp-banner__separator {\n        width: 38px;\n        height: 1px;\n        margin: 24px 0;\n\n        background: rgba(255, 255, 255, 0.28);\n    }\n\n    .tp-banner__description {\n        max-width: 500px;\n        margin: 0 !important;\n\n        color: rgba(255, 255, 255, 0.7);\n\n        font-size: 17px;\n        line-height: 1.7;\n    }\n\n    .tp-banner__actions {\n        margin-top: 30px;\n\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n    }\n\n    .tp-banner__button {\n        min-height: 54px;\n        padding: 0 26px;\n\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 16px;\n\n        border: 1px solid transparent;\n        border-radius: 999px;\n\n        color: #ffffff !important;\n        text-decoration: none !important;\n\n        font-size: 15px;\n        font-weight: 600;\n        line-height: 1;\n\n        transition:\n            transform 180ms ease,\n            background-color 180ms ease,\n            border-color 180ms ease;\n    }\n\n    .tp-banner__button:hover {\n        color: #ffffff !important;\n        text-decoration: none !important;\n        transform: translateY(-2px);\n    }\n\n    .tp-banner__button--primary {\n        background: var(--tp-blue);\n        box-shadow: 0 12px 38px rgba(22, 135, 255, 0.28);\n    }\n\n    .tp-banner__button--primary:hover {\n        background: #087bf2;\n    }\n\n    .tp-banner__button--secondary {\n        border-color: rgba(255, 255, 255, 0.35);\n        background: rgba(255, 255, 255, 0.035);\n    }\n\n    .tp-banner__button--secondary:hover {\n        border-color: rgba(255, 255, 255, 0.55);\n        background: rgba(255, 255, 255, 0.1);\n    }\n\n    .tp-banner__button:focus-visible {\n        outline: 2px solid var(--tp-blue);\n        outline-offset: 3px;\n    }\n\n    \/* =========================================================\n     TABLET\n  ========================================================= *\/\n\n    @media (max-width: 1024px) {\n        .tp-banner {\n            min-height: 0;\n        }\n\n        .tp-banner__container {\n            width: calc(100% - 44px);\n        }\n\n        .tp-banner__card {\n            width: min(500px, 72%);\n            padding: 16px;\n        }\n    }\n\n    \/* =========================================================\n     MOBIL\n  ========================================================= *\/\n\n    @media (max-width: 767px) {\n        .tp-banner {\n            min-height: 0;\n            height: calc(100dvh - var(--tp-viewport-offset, 0px));\n            max-height: none;\n        }\n\n        .tp-banner__image {\n            object-position: 62% center;\n        }\n\n        .tp-banner__overlay {\n            background:\n                linear-gradient(180deg,\n                    rgba(4, 15, 22, 0.18) 0%,\n                    rgba(4, 15, 22, 0.36) 36%,\n                    rgba(4, 15, 22, 0.96) 100%);\n        }\n\n        .tp-banner__container {\n            width: calc(100% - 28px);\n\n            align-items: flex-end;\n\n            padding-top: 24px;\n            padding-bottom: 32px;\n        }\n\n        .tp-banner__card {\n            width: 100%;\n            min-height: 0;\n            padding: 15px 12px;\n\n            border-radius: 17px;\n\n            background: rgba(7, 20, 28, 0.7);\n\n            backdrop-filter: none;\n            -webkit-backdrop-filter: none;\n        }\n\n        .tp-banner__eyebrow {\n            margin-bottom: 17px;\n            font-size: 12px;\n        }\n\n        .tp-banner__title {\n            font-size: clamp(30px, 9vw, 43px);\n        }\n\n        .tp-banner__separator {\n            margin: 19px 0;\n        }\n\n        .tp-banner__description {\n            font-size: 15px;\n            line-height: 1.6;\n        }\n\n        .tp-banner__actions {\n            margin-top: 23px;\n        }\n\n        .tp-banner__button {\n            min-height: 49px;\n            padding: 0 17px;\n            font-size: 13px;\n        }\n    }\n\n    \/* =========================================================\n     KUCUK MOBIL\n  ========================================================= *\/\n\n    @media (max-width: 480px) {\n        .tp-banner {\n            min-height: 0;\n        }\n\n        .tp-banner__card {\n            padding: 10px 9px;\n        }\n\n        .tp-banner__actions {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 9px;\n        }\n\n        .tp-banner__button {\n            width: 100%;\n            padding: 0 9px;\n        }\n\n        .tp-banner__button-arrow {\n            display: none;\n        }\n    }\n\n    \/* =========================================================\n     KISA EKRANLAR \/ LAPTOPLAR\n  ========================================================= *\/\n\n    @media (max-height: 780px) and (min-width: 768px) {\n        .tp-banner__container {\n            padding-top: 24px;\n            padding-bottom: 24px;\n        }\n\n        .tp-banner__card {\n            min-height: 0;\n            padding: 22px;\n        }\n\n        .tp-banner__eyebrow {\n            margin-bottom: 14px;\n        }\n\n        .tp-banner__title {\n            font-size: clamp(32px, 3.4vw, 48px);\n        }\n\n        .tp-banner__separator {\n            margin: 16px 0;\n        }\n\n        .tp-banner__description {\n            font-size: 15px;\n            line-height: 1.55;\n        }\n\n        .tp-banner__actions {\n            margin-top: 20px;\n        }\n\n        .tp-banner__button {\n            min-height: 46px;\n        }\n    }\n\n    @media (max-width: 767px) and (max-height: 760px) {\n        .tp-banner__container {\n            padding-top: 12px;\n            padding-bottom: 18px;\n        }\n\n        .tp-banner__card {\n            padding: 10px;\n        }\n\n        .tp-banner__eyebrow {\n            margin-bottom: 9px;\n        }\n\n        .tp-banner__title {\n            font-size: clamp(26px, 7.8vw, 36px);\n        }\n\n        .tp-banner__separator {\n            margin: 11px 0;\n        }\n\n        .tp-banner__description {\n            font-size: 13px;\n            line-height: 1.45;\n        }\n\n        .tp-banner__actions {\n            margin-top: 13px;\n        }\n\n        .tp-banner__button {\n            min-height: 42px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .tp-banner__button {\n            transition: none !important;\n        }\n    }\n<\/style>\n\n<div class=\"tp-banner-host\">\n    <section class=\"tp-banner\" data-tp-banner aria-label=\"Turpak \u00fcr\u00fcn ve \u00e7\u00f6z\u00fcmleri\">\n        <div class=\"tp-banner__media\" aria-hidden=\"true\">\n            <img class=\"tp-banner__image\" src=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2026\/07\/akaryakit-cozum.webp\"\n                alt=\"\" width=\"1920\" height=\"1080\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n        <\/div>\n\n        <div class=\"tp-banner__overlay\"><\/div>\n\n        <div class=\"tp-banner__container\">\n            <div class=\"tp-banner__card\">\n                <article class=\"tp-banner__content\">\n                    <div class=\"tp-banner__eyebrow\">\n                        POMPA OTOMASYON S\u0130STEMLER\u0130\n\n                    <\/div>\n\n                    <h2 class=\"tp-banner__title\">\n                        \u0130stasyonunuzu Tek Merkezden Y\u00f6netin\n                    <\/h2>\n\n                    <div class=\"tp-banner__separator\"><\/div>\n\n                    <p class=\"tp-banner__description\">\n                       Pompa y\u00f6netimi, sat\u0131\u015f, vardiya ve fiyat s\u00fcre\u00e7lerini tek platformda y\u00f6neterek akaryak\u0131t istasyonlar\u0131n\u0131zda g\u00fcvenli ve verimli operasyonlar sa\u011flay\u0131n.\n                    <\/p>\n\n                    <div class=\"tp-banner__actions\">\n                        <a href=\"#bilesenler\" class=\"tp-banner__button tp-banner__button--primary\">\n                            \u0130ncele\n                            <span class=\"tp-banner__button-arrow\">\u2192<\/span>\n                        <\/a>\n\n                        <a href=\"#referans-teklif-formu\" class=\"tp-banner__button tp-banner__button--secondary\">\n                            Teklif Al\n                            <span class=\"tp-banner__button-arrow\">\u2192<\/span>\n                        <\/a>\n                    <\/div>\n                <\/article>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    \/*\n     * Banner'\u0131n ba\u015flad\u0131\u011f\u0131 konum ile sabit\/sticky header y\u00fcksekli\u011fini \u00f6l\u00e7er.\n     * B\u00f6ylece banner + header toplam\u0131 viewport y\u00fcksekli\u011fini a\u015fmaz.\n     *\/\n    (function () {\n        \"use strict\";\n\n        var resizeTimer;\n\n        function getFixedHeaderHeight() {\n            var selectors = [\n                \"#wpadminbar\",\n                \"header\",\n                \".site-header\",\n                \"#masthead\",\n                \".elementor-location-header\",\n                \"[data-elementor-type='header']\"\n            ];\n\n            var bottom = 0;\n\n            selectors.forEach(function (selector) {\n                document.querySelectorAll(selector).forEach(function (element) {\n                    var style = window.getComputedStyle(element);\n                    var rect = element.getBoundingClientRect();\n\n                    if (\n                        style.display !== \"none\" &&\n                        style.visibility !== \"hidden\" &&\n                        (style.position === \"fixed\" || style.position === \"sticky\") &&\n                        rect.height > 0 &&\n                        rect.top <= 1\n                    ) {\n                        bottom = Math.max(bottom, rect.bottom);\n                    }\n                });\n            });\n\n            return Math.max(0, bottom);\n        }\n\n        function updateBannerViewportHeight() {\n            var fixedHeaderHeight = getFixedHeaderHeight();\n\n            document.querySelectorAll(\"[data-tp-banner]\").forEach(function (banner) {\n                var rect = banner.getBoundingClientRect();\n                var normalFlowOffset = Math.max(0, rect.top);\n                var offset = Math.max(normalFlowOffset, fixedHeaderHeight);\n\n                offset = Math.min(offset, window.innerHeight * 0.4);\n\n                banner.style.setProperty(\n                    \"--tp-viewport-offset\",\n                    Math.round(offset) + \"px\"\n                );\n            });\n        }\n\n        function scheduleUpdate() {\n            window.clearTimeout(resizeTimer);\n            resizeTimer = window.setTimeout(updateBannerViewportHeight, 80);\n        }\n\n        if (document.readyState === \"loading\") {\n            document.addEventListener(\"DOMContentLoaded\", updateBannerViewportHeight);\n        } else {\n            updateBannerViewportHeight();\n        }\n\n        window.addEventListener(\"load\", updateBannerViewportHeight);\n        window.addEventListener(\"resize\", scheduleUpdate, { passive: true });\n        window.addEventListener(\"orientationchange\", scheduleUpdate, { passive: true });\n    })();\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1774557529883 wd-rs-69c599549285d wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<section class=\"pmk-who\" aria-label=\"Biz kimiz b\u00f6l\u00fcm\u00fc\">\n    <style>\n    \/* ============ PMK WHO - Radial Edition ============ *\/\n\n    .pmk-who {\n        position: relative;\n        overflow: hidden;\n        background: #f6f6f6;\n        padding: clamp(40px, 5vw, 80px) 0;\n        color: #0f1115;\n        font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;\n        isolation: isolate;\n    }\n\n    .pmk-who__container {\n        position: relative;\n        z-index: 1;\n\n        width: min(1280px, calc(100% - 40px));\n        margin: 0 auto;\n\n        display: grid;\n        grid-template-columns: 1fr 1.05fr;\n        gap: clamp(28px, 4vw, 64px);\n        align-items: center;\n    }\n\n    .pmk-who__bg {\n        position: absolute;\n        inset: -140px;\n        z-index: 0;\n\n        background:\n            radial-gradient(\n                800px 800px at 5% 20%,\n                rgba(111, 149, 64, 0.08),\n                transparent 58%\n            ),\n            radial-gradient(\n                700px 700px at 95% 10%,\n                rgba(10, 89, 130, 0.07),\n                transparent 55%\n            ),\n            radial-gradient(\n                600px 600px at 80% 100%,\n                rgba(138, 84, 214, 0.06),\n                transparent 55%\n            );\n\n        pointer-events: none;\n    }\n\n    \/* =========================================================\n       SOL \u0130\u00c7ER\u0130K\n    ========================================================= *\/\n\n    .pmk-who__header {\n        max-width: 640px;\n    }\n\n    .pmk-who__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n\n        margin-bottom: 18px;\n\n        color: #0a5982;\n\n        font-size: 12px;\n        font-weight: 800;\n        line-height: 1.4;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    .pmk-who__eyebrow::before {\n        content: \"\";\n\n        width: 28px;\n        height: 2px;\n\n        flex: 0 0 28px;\n\n        background: currentColor;\n        border-radius: 99px;\n    }\n\n    .pmk-who__title {\n        max-width: 640px;\n        margin: 0 0 18px;\n\n        color: #0b1441;\n\n        font-size: clamp(34px, 4vw, 50px);\n        font-weight: 800;\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    .pmk-who__intro {\n        max-width: 640px;\n        margin: 0;\n\n        color: rgba(15, 17, 21, 0.7);\n\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    \/* =========================================================\n       SA\u011e ALAN \u2013 RADIAL WHEEL\n    ========================================================= *\/\n\n    .pmk-who__right {\n        position: relative;\n\n        display: grid;\n        place-items: center;\n\n        min-height: clamp(660px, 48vw, 800px);\n    }\n\n    .pmk-who__wheel {\n        position: relative;\n        z-index: 2;\n\n        width: min(100%, 520px);\n        aspect-ratio: 1 \/ 1;\n\n        display: grid;\n        place-items: center;\n    }\n\n    \/* =========================================================\n       DEKORAT\u0130F HALKALAR\n    ========================================================= *\/\n\n    .pmk-who__wheel-ring {\n        position: absolute;\n        inset: 0;\n\n        border-radius: 50%;\n\n        pointer-events: none;\n    }\n\n    .pmk-who__wheel-ring--outer {\n        border: 1px dashed rgba(11, 20, 65, 0.18);\n        animation: pmk-spin-slow 60s linear infinite;\n    }\n\n    .pmk-who__wheel-ring--outer::before {\n        content: \"\";\n\n        position: absolute;\n        inset: 14px;\n\n        border: 1px solid rgba(111, 149, 64, 0.22);\n        border-radius: 50%;\n    }\n\n    .pmk-who__wheel-ring--inner {\n        inset: 18%;\n\n        background: rgba(255, 255, 255, 0.45);\n\n        box-shadow:\n            inset 0 0 40px rgba(11, 20, 65, 0.06),\n            0 0 0 1px rgba(11, 20, 65, 0.08);\n\n        backdrop-filter: blur(6px);\n        -webkit-backdrop-filter: blur(6px);\n    }\n\n    \/* =========================================================\n       HALKA NOKTALARI\n    ========================================================= *\/\n\n    .pmk-who__wheel-dots {\n        position: absolute;\n        inset: 0;\n\n        border-radius: 50%;\n\n        pointer-events: none;\n    }\n\n    .pmk-who__wheel-dots span {\n        position: absolute;\n\n        width: 8px;\n        height: 8px;\n\n        border-radius: 50%;\n\n        background: #6f9540;\n        box-shadow: 0 0 0 4px rgba(111, 149, 64, 0.15);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(1) {\n        top: 0;\n        left: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(2) {\n        top: 50%;\n        right: 0;\n        transform: translate(50%, -50%);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(3) {\n        bottom: 0;\n        left: 50%;\n        transform: translate(-50%, 50%);\n    }\n\n    .pmk-who__wheel-dots span:nth-child(4) {\n        top: 50%;\n        left: 0;\n        transform: translate(-50%, -50%);\n    }\n\n    \/* =========================================================\n       MERKEZ \u0130STAT\u0130ST\u0130\u011e\u0130\n    ========================================================= *\/\n\n    .pmk-who__wheel-center {\n        position: relative;\n        z-index: 2;\n\n        width: clamp(150px, 32%, 200px);\n        height: clamp(150px, 32%, 200px);\n\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        border-radius: 50%;\n\n        color: #ffffff;\n        background: rgba(11, 20, 65, 0.88);\n\n        text-align: center;\n\n        box-shadow:\n            0 20px 50px rgba(11, 20, 65, 0.25),\n            inset 0 1px 0 rgba(255, 255, 255, 0.12);\n\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n    }\n\n    .pmk-who__wheel-center-num {\n        font-size: clamp(32px, 4vw, 52px);\n        font-weight: 900;\n        line-height: 1;\n        letter-spacing: -1px;\n    }\n\n    .pmk-who__wheel-center-label {\n        margin-top: 6px;\n\n        font-size: clamp(11px, 1.1vw, 14px);\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0.28em;\n\n        opacity: 0.9;\n    }\n\n    \/* =========================================================\n       Y\u00d6R\u00dcNGE \u0130STAT\u0130ST\u0130KLER\u0130\n    ========================================================= *\/\n\n    .pmk-who__wheel-orbit {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n\n        transform: rotate(var(--angle, 0deg));\n\n        pointer-events: none;\n    }\n\n    .pmk-who__wheel-node {\n        position: absolute;\n        top: 0;\n        left: 50%;\n\n        min-width: clamp(92px, 18%, 132px);\n        padding: 12px 16px;\n\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        border-radius: 16px;\n\n        background: #ffffff;\n\n        text-align: center;\n\n        box-shadow: 0 12px 30px rgba(11, 20, 65, 0.1);\n\n        pointer-events: auto;\n\n        transform:\n            translate(-50%, -50%)\n            rotate(calc(var(--angle, 0deg) * -1));\n\n        transition:\n            transform 0.35s ease,\n            box-shadow 0.35s ease;\n    }\n\n    .pmk-who__wheel-node:hover {\n        transform:\n            translate(-50%, -50%)\n            rotate(calc(var(--angle, 0deg) * -1))\n            scale(1.06);\n\n        box-shadow: 0 18px 40px rgba(11, 20, 65, 0.15);\n    }\n\n    .pmk-who__wheel-node-num {\n        color: #6f9540;\n\n        font-size: clamp(18px, 2.2vw, 28px);\n        font-weight: 900;\n        line-height: 1;\n    }\n\n    .pmk-who__wheel-node-label {\n        margin-top: 5px;\n\n        color: rgba(15, 17, 21, 0.6);\n\n        font-size: clamp(10px, 0.95vw, 12px);\n        font-weight: 700;\n        line-height: 1.2;\n        letter-spacing: 0.16em;\n        text-transform: uppercase;\n        white-space: nowrap;\n    }\n\n    \/* =========================================================\n       ARKA PLAN G\u00d6RSEL\u0130\n    ========================================================= *\/\n\n    .pmk-who__card-wrap {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        z-index: 1;\n\n        width: min(82%, 500px);\n        max-height: 58%;\n        aspect-ratio: 4 \/ 3;\n\n        transform: translate(-50%, -50%);\n    }\n\n    .pmk-who__card {\n        width: 100%;\n        height: 100%;\n        margin: 0;\n\n        overflow: hidden;\n\n        border-radius: 20px;\n\n        background: #0b1020;\n\n        box-shadow: 0 24px 60px rgba(11, 20, 65, 0.18);\n    }\n\n    .pmk-who__card-img {\n        display: block;\n\n        width: 100%;\n        height: 100%;\n\n        object-fit: cover;\n\n        opacity: 0.38;\n\n        transition:\n            transform 0.8s ease,\n            opacity 0.8s ease;\n    }\n\n    .pmk-who__card:hover .pmk-who__card-img {\n        transform: scale(1.04);\n        opacity: 0.5;\n    }\n\n    \/* =========================================================\n       REVEAL AN\u0130MASYONU\n    ========================================================= *\/\n\n    .pmk-reveal {\n        opacity: 0;\n        transform: translateY(18px);\n        filter: blur(2px);\n\n        transition:\n            opacity 1.1s cubic-bezier(0.16, 1, 0.3, 1),\n            transform 1.1s cubic-bezier(0.16, 1, 0.3, 1),\n            filter 1.1s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .pmk-who.is-visible .pmk-reveal {\n        opacity: 1;\n        transform: translateY(0);\n        filter: blur(0);\n    }\n\n    .pmk-who .pmk-reveal {\n        transition-delay: var(--pmk-delay, 0ms);\n    }\n\n    \/*\n     * G\u00f6rselin kapsay\u0131c\u0131 merkezleme transformu etkilenmesin diye\n     * reveal animasyonu figure eleman\u0131nda scale ile uygulan\u0131r.\n     *\/\n    .pmk-who__card.pmk-reveal {\n        opacity: 0;\n        transform: scale(0.96);\n        filter: blur(2px);\n    }\n\n    .pmk-who.is-visible .pmk-who__card.pmk-reveal {\n        opacity: 1;\n        transform: scale(1);\n        filter: blur(0);\n    }\n\n    @keyframes pmk-spin-slow {\n        to {\n            transform: rotate(360deg);\n        }\n    }\n\n    \/* =========================================================\n       TABLET\n    ========================================================= *\/\n\n    @media (max-width: 1024px) {\n        .pmk-who__container {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n\n        .pmk-who__left {\n            text-align: center;\n        }\n\n        .pmk-who__header,\n        .pmk-who__title,\n        .pmk-who__intro {\n            max-width: 64ch;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .pmk-who__right {\n            min-height: clamp(600px, 66vw, 700px);\n        }\n\n        .pmk-who__wheel {\n            width: min(100%, 460px);\n        }\n\n        .pmk-who__card-wrap {\n            width: min(82%, 460px);\n        }\n    }\n\n    \/* =========================================================\n       K\u00dc\u00c7\u00dcK TABLET \/ GEN\u0130\u015e MOB\u0130L\n    ========================================================= *\/\n\n    @media (max-width: 640px) {\n        .pmk-who__wheel {\n            width: min(100%, 360px);\n        }\n\n        .pmk-who__wheel-node {\n            min-width: 78px;\n            padding: 10px 12px;\n            border-radius: 12px;\n        }\n\n        .pmk-who__wheel-center {\n            width: 140px;\n            height: 140px;\n        }\n    }\n\n    \/* =========================================================\n       MOB\u0130L D\u00dcZELTME\n       G\u00f6rsel ve istatistikler ayn\u0131 dairesel yap\u0131 i\u00e7inde kal\u0131r.\n    ========================================================= *\/\n\n    @media (max-width: 520px) {\n        .pmk-who {\n            padding: 42px 0 50px;\n        }\n\n        .pmk-who__container {\n            width: min(100% - 28px, 1280px);\n            gap: 34px;\n        }\n\n        .pmk-who__left {\n            text-align: center;\n        }\n\n        .pmk-who__eyebrow {\n            margin-bottom: 14px;\n\n            font-size: 11px;\n            line-height: 1.4;\n        }\n\n        .pmk-who__title {\n            margin-bottom: 16px;\n\n            font-size: clamp(30px, 9vw, 40px);\n            line-height: 1.1;\n        }\n\n        .pmk-who__intro {\n            font-size: 15px;\n            line-height: 1.7;\n        }\n\n        \/*\n         * G\u00f6rsel ve \u00e7ark ayn\u0131 kapsay\u0131c\u0131 i\u00e7erisinde \u00fcst \u00fcste kal\u0131r.\n         *\/\n        .pmk-who__right {\n            position: relative;\n\n            width: 100%;\n            min-height: 430px;\n            padding: 42px 0;\n\n            display: grid;\n            place-items: center;\n        }\n\n        \/*\n         * Mobilde masa\u00fcst\u00fcndeki dairesel yap\u0131 korunur.\n         *\/\n        .pmk-who__wheel {\n            position: relative;\n            z-index: 2;\n\n            width: min(calc(100% - 28px), 340px);\n            max-width: 340px;\n            aspect-ratio: 1 \/ 1;\n\n            display: grid;\n            place-items: center;\n\n            padding: 0;\n        }\n\n        \/*\n         * \u00d6nceki mobil CSS'teki display:none kald\u0131r\u0131ld\u0131.\n         *\/\n        .pmk-who__wheel-ring {\n            display: block;\n        }\n\n        .pmk-who__wheel-ring--outer::before {\n            inset: 10px;\n        }\n\n        .pmk-who__wheel-ring--inner {\n            inset: 19%;\n        }\n\n        .pmk-who__wheel-dots {\n            display: block;\n        }\n\n        .pmk-who__wheel-dots span {\n            width: 6px;\n            height: 6px;\n\n            box-shadow: 0 0 0 3px rgba(111, 149, 64, 0.15);\n        }\n\n        \/*\n         * Mobilde merkez alan\u0131 k\u00fc\u00e7\u00fclt\u00fcl\u00fcr.\n         *\/\n        .pmk-who__wheel-center {\n            position: relative;\n            z-index: 3;\n\n            grid-column: auto;\n            justify-self: auto;\n\n            width: 122px;\n            height: 122px;\n            margin: 0;\n        }\n\n        .pmk-who__wheel-center-num {\n            font-size: 34px;\n            line-height: 1;\n        }\n\n        .pmk-who__wheel-center-label {\n            margin-top: 5px;\n\n            font-size: 9px;\n            line-height: 1.2;\n            letter-spacing: 0.2em;\n        }\n\n        \/*\n         * \u0130statistik kutular\u0131 yeniden \u00e7ark\u0131n \u00e7evresine yerle\u015ftirilir.\n         *\/\n        .pmk-who__wheel-orbit {\n            position: absolute;\n            inset: 0;\n            z-index: 4;\n\n            transform: rotate(var(--angle, 0deg));\n\n            pointer-events: none;\n        }\n\n        .pmk-who__wheel-node {\n            position: absolute;\n            top: 0;\n            left: 50%;\n\n            width: auto;\n            min-width: 74px;\n            max-width: 92px;\n            min-height: 50px;\n            padding: 8px 7px;\n\n            border-radius: 11px;\n\n            pointer-events: auto;\n\n            transform:\n                translate(-50%, -50%)\n                rotate(calc(var(--angle, 0deg) * -1));\n        }\n\n        .pmk-who__wheel-node:hover {\n            transform:\n                translate(-50%, -50%)\n                rotate(calc(var(--angle, 0deg) * -1))\n                scale(1.04);\n        }\n\n        .pmk-who__wheel-node-num {\n            font-size: 18px;\n            line-height: 1;\n        }\n\n        .pmk-who__wheel-node-label {\n            margin-top: 4px;\n\n            font-size: 8px;\n            line-height: 1.15;\n            letter-spacing: 0.07em;\n            white-space: normal;\n        }\n\n        \/*\n         * En \u00f6nemli d\u00fczeltme:\n         * G\u00f6rsel normal ak\u0131\u015fa girmez, yeniden \u00e7ark\u0131n arkas\u0131nda kal\u0131r.\n         *\/\n        .pmk-who__card-wrap {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            z-index: 1;\n\n            width: min(76%, 270px);\n            height: auto;\n            max-height: none;\n            aspect-ratio: 4 \/ 3;\n\n            transform: translate(-50%, -50%);\n        }\n\n        .pmk-who__card {\n            width: 100%;\n            height: 100%;\n\n            border-radius: 16px;\n\n            box-shadow: 0 20px 48px rgba(11, 20, 65, 0.2);\n        }\n\n        .pmk-who__card-img {\n            width: 100%;\n            height: 100%;\n\n            object-fit: cover;\n\n            opacity: 0.42;\n        }\n\n        .pmk-who__card:hover .pmk-who__card-img {\n            transform: scale(1.03);\n            opacity: 0.5;\n        }\n    }\n\n    \/* =========================================================\n       \u00c7OK K\u00dc\u00c7\u00dcK MOB\u0130L\n    ========================================================= *\/\n\n    @media (max-width: 380px) {\n        .pmk-who__right {\n            min-height: 390px;\n            padding: 38px 0;\n        }\n\n        .pmk-who__wheel {\n            width: min(calc(100% - 32px), 300px);\n        }\n\n        .pmk-who__wheel-center {\n            width: 108px;\n            height: 108px;\n        }\n\n        .pmk-who__wheel-center-num {\n            font-size: 29px;\n        }\n\n        .pmk-who__wheel-center-label {\n            font-size: 8px;\n        }\n\n        .pmk-who__wheel-node {\n            min-width: 66px;\n            max-width: 78px;\n            min-height: 46px;\n            padding: 7px 5px;\n        }\n\n        .pmk-who__wheel-node-num {\n            font-size: 16px;\n        }\n\n        .pmk-who__wheel-node-label {\n            font-size: 7px;\n            letter-spacing: 0.04em;\n        }\n\n        .pmk-who__card-wrap {\n            width: min(74%, 235px);\n        }\n    }\n\n    \/* =========================================================\n       AZALTILMI\u015e HAREKET TERC\u0130H\u0130\n    ========================================================= *\/\n\n    @media (prefers-reduced-motion: reduce) {\n        .pmk-reveal {\n            opacity: 1;\n            transform: none;\n            filter: none;\n            transition: none;\n        }\n\n        .pmk-who__wheel-ring--outer {\n            animation: none;\n        }\n\n        .pmk-who__card-img {\n            transition: none;\n        }\n    }\n<\/style>\n\n    <div class=\"pmk-who__bg\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"pmk-who__container\">\n        <!-- LEFT -->\n        <div class=\"pmk-who__left\">\n            <div class=\"pmk-who__header\">\n                <span class=\"pmk-who__eyebrow pmk-reveal\" data-reveal>Pompa Otomasyon \u00c7\u00f6z\u00fcmleri<\/span>\n                <h2 class=\"pmk-who__title pmk-reveal\" data-reveal>\n                    Akaryak\u0131t Y\u00f6netiminde <br \/>\n                    Ak\u0131ll\u0131 Kontrol\n                <\/h2>\n                <p class=\"pmk-who__intro pmk-reveal\" data-reveal>\n                    Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir.\n<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- RIGHT -->\n        <div class=\"pmk-who__right\">\n            <div class=\"pmk-who__wheel pmk-reveal\" data-reveal role=\"img\" aria-label=\"Promaks istatistikleri: 6500'den fazla istasyon, 81 \u015fehir, 2.5 milyon ta\u015f\u0131t, 40 y\u0131l\u0131 a\u015fk\u0131n deneyim, %99 m\u00fc\u015fteri memnuniyeti\">\n                <!-- Decorative rings -->\n                <div class=\"pmk-who__wheel-ring pmk-who__wheel-ring--outer\" aria-hidden=\"true\"><\/div>\n                <div class=\"pmk-who__wheel-ring pmk-who__wheel-ring--inner\" aria-hidden=\"true\"><\/div>\n\n                <!-- Orbit dots -->\n                <div class=\"pmk-who__wheel-dots\" aria-hidden=\"true\">\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                    <span><\/span>\n                <\/div>\n\n                <!-- Center stat -->\n                <div class=\"pmk-who__wheel-center\">\n                    <span class=\"pmk-who__wheel-center-num\" data-count>6500+<\/span>\n                    <span class=\"pmk-who__wheel-center-label\">\u0130STASYON<\/span>\n                <\/div>\n\n                <!-- Orbiting stat nodes -->\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: -90deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>81<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">\u015eEH\u0130R<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: 0deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>2.5M<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">TA\u015eIT<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: 90deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>25+<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">YIL<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pmk-who__wheel-orbit\" style=\"--angle: 180deg;\">\n                    <div class=\"pmk-who__wheel-node\">\n                        <span class=\"pmk-who__wheel-node-num\" data-count>%99<\/span>\n                        <span class=\"pmk-who__wheel-node-label\">MEMNUN\u0130YET<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"pmk-who__card-wrap\">\n                <figure class=\"pmk-who__card pmk-reveal\" data-reveal>\n                    <img class=\"pmk-who__card-img\"\n                        src=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2026\/07\/akaryakit-cozum.webp\"\n                        alt=\"Akaryak\u0131t istasyonu g\u00f6rseli\" loading=\"lazy\" decoding=\"async\" \/>\n                <\/figure>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function () {\n\n            const root = document.querySelector(\".pmk-who\");\n            if (!root) return;\n\n            const items = root.querySelectorAll(\"[data-reveal]\");\n\n            items.forEach((el, i) => {\n                const step = 120;\n                const maxDelay = 840;\n                el.style.setProperty(\"--pmk-delay\", Math.min(i * step, maxDelay) + \"ms\");\n            });\n\n            function parseCountTarget(text) {\n                const match = String(text).trim().match(\/^(\\D*)(\\d+(?:\\.\\d+)?)(\\D*)$\/);\n                if (!match) return null;\n                return {\n                    prefix: match[1],\n                    value: parseFloat(match[2]),\n                    suffix: match[3],\n                    original: text\n                };\n            }\n\n            function formatCount(value, target) {\n                const isInteger = Number.isInteger(target.value);\n                const num = isInteger ? Math.round(value) : value.toFixed(1);\n                return target.prefix + num + target.suffix;\n            }\n\n            function animateCount(el, target, duration) {\n                const start = performance.now();\n\n                function frame(now) {\n                    const elapsed = now - start;\n                    const progress = Math.min(elapsed \/ duration, 1);\n                    const ease = 1 - Math.pow(1 - progress, 3);\n                    const current = target.value * ease;\n\n                    el.textContent = formatCount(current, target);\n\n                    if (progress < 1) {\n                        requestAnimationFrame(frame);\n                    } else {\n                        el.textContent = target.original;\n                    }\n                }\n\n                requestAnimationFrame(frame);\n            }\n\n            function runCountAnimations() {\n                if (root.dataset.countAnimated === \"true\") return;\n                root.dataset.countAnimated = \"true\";\n\n                const countEls = root.querySelectorAll(\"[data-count]\");\n                const prefersReduced = window.matchMedia && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n                countEls.forEach((el, index) => {\n                    const target = parseCountTarget(el.textContent);\n                    if (!target) return;\n\n                    if (prefersReduced) {\n                        el.textContent = target.original;\n                        return;\n                    }\n\n                    el.textContent = formatCount(0, target);\n                    const duration = 1500 + (index * 150);\n\n                    setTimeout(() => {\n                        animateCount(el, target, duration);\n                    }, index * 120);\n                });\n            }\n\n            function show() {\n                root.classList.add(\"is-visible\");\n                runCountAnimations();\n            }\n\n            if (\"IntersectionObserver\" in window) {\n                const io = new IntersectionObserver((entries) => {\n                    entries.forEach(entry => {\n                        if (entry.isIntersecting) {\n                            show();\n                            io.disconnect();\n                        }\n                    });\n                }, { threshold: 0.12, rootMargin: \"0px 0px -8% 0px\" });\n\n                io.observe(root);\n            } else {\n                show();\n            }\n\n        });\n    <\/script>\n<\/section>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1774557529883 wd-rs-69c599549285d wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    .turpak-flows {\n        --tf-navy: #0b1646;\n        --tf-blue: #086b92;\n        --tf-green: #80a93d;\n        --tf-red: #d9233f;\n        --tf-light: #f5f7fa;\n        --tf-text: #20232a;\n        --tf-muted: #626b78;\n\n        position: relative;\n        padding: 76px 0;\n        background:\n            radial-gradient(circle at 50% 0%,\n                rgba(8, 107, 146, 0.08),\n                transparent 38%),\n            #fff;\n    }\n\n    .turpak-flows__container {\n        width: min(1300px, calc(100% - 48px));\n        margin: 0 auto;\n    }\n\n    .turpak-flows__header {\n        display: flex;\n        align-items: flex-end;\n        justify-content: space-between;\n        gap: 24px;\n        max-width: 1020px;\n        margin: 0 auto 48px;\n    }\n\n    .turpak-flows__header-text {\n        max-width: 980px;\n    }\n\n    .turpak-flows__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 18px;\n        color: var(--tf-blue);\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    .turpak-flows__eyebrow::before {\n        content: \"\";\n        width: 28px;\n        height: 2px;\n        background: currentColor;\n        border-radius: 99px;\n    }\n\n    .turpak-flows__title {\n        max-width: 960px;\n        margin: 0 0 18px;\n        color: var(--tf-navy);\n        font-size: clamp(34px, 4vw, 50px);\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    .turpak-flows__intro {\n        max-width: 980px;\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    \/* Carousel *\/\n    .turpak-flows__carousel {\n        position: relative;\n        width: 100%;\n    }\n\n    .turpak-flows__track {\n        display: flex;\n        gap: 18px;\n        overflow-x: auto;\n        scroll-snap-type: x mandatory;\n        scroll-behavior: smooth;\n        -webkit-overflow-scrolling: touch;\n        scrollbar-width: none;\n        touch-action: pan-y;\n        cursor: grab;\n        padding: 4px 24px 14px;\n        padding-left: max(24px, calc((100% - 1300px) \/ 2));\n    }\n\n    .turpak-flows__track::-webkit-scrollbar {\n        display: none;\n    }\n\n    .turpak-flows__track.is-dragging {\n        cursor: grabbing;\n        scroll-snap-type: none;\n        user-select: none;\n    }\n\n    .turpak-flows__ghost {\n        flex: 0 0 75px;\n        min-height: 320px;\n        opacity: 0;\n        pointer-events: none;\n        scroll-snap-align: start;\n    }\n\n    .turpak-flows__card {\n        position: relative;\n        z-index: 1;\n        flex: 0 0 300px;\n        min-height: 320px;\n        padding: 30px 26px 34px;\n        border: 1px solid rgba(11, 22, 70, 0.09);\n        border-radius: 18px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 14px 40px rgba(11, 22, 70, 0.07);\n        scroll-snap-align: start;\n        overflow: hidden;\n        transition:\n            transform 0.35s ease,\n            box-shadow 0.35s ease,\n            border-color 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flows__card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(8, 107, 146, 0.3);\n        box-shadow: 0 24px 60px rgba(11, 22, 70, 0.13);\n    }\n\n    .turpak-flows__top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 34px;\n    }\n\n    .turpak-flows__icon {\n        display: grid;\n        place-items: center;\n        width: 58px;\n        height: 58px;\n        border-radius: 16px;\n        color: #fff;\n        transition:\n            transform 0.35s ease,\n            border-radius 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flows__card:hover .turpak-flows__icon {\n        transform: rotate(-4deg) scale(1.07);\n        border-radius: 20px;\n    }\n\n    .turpak-flows__icon svg {\n        width: 28px;\n        height: 28px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.8;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .turpak-flows__number {\n        color: rgba(11, 22, 70, 0.12);\n        font-size: 42px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.06em;\n        transition:\n            color 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .turpak-flows__card:hover .turpak-flows__number {\n        color: rgba(11, 22, 70, 0.2);\n        transform: translateY(-2px);\n    }\n\n    .turpak-flows__card h3 {\n        margin: 0 0 8px;\n        color: var(--tf-navy);\n        font-size: 22px;\n        line-height: 1.2;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flows__label {\n        display: block;\n        margin-bottom: 14px;\n        color: var(--card-accent);\n        font-size: 13px;\n        font-weight: 800;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flows__card p {\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 14px;\n        line-height: 1.7;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flows__card::after {\n        content: \"\";\n        position: absolute;\n        right: 26px;\n        bottom: 22px;\n        left: 26px;\n        height: 3px;\n        border-radius: 99px;\n        background: var(--card-accent);\n        transform: scaleX(0.22);\n        transform-origin: left;\n        opacity: 0.75;\n        transition:\n            transform 0.35s ease,\n            opacity 0.35s ease;\n    }\n\n    .turpak-flows__card:hover::after {\n        transform: scaleX(1);\n        opacity: 1;\n    }\n\n    .turpak-flows__card--blue {\n        --card-accent: var(--tf-blue);\n    }\n\n    .turpak-flows__card--blue .turpak-flows__icon {\n        background: var(--tf-blue);\n    }\n\n    .turpak-flows__card--green {\n        --card-accent: var(--tf-green);\n    }\n\n    .turpak-flows__card--green .turpak-flows__icon {\n        background: var(--tf-green);\n    }\n\n    .turpak-flows__card--red {\n        --card-accent: var(--tf-red);\n    }\n\n    .turpak-flows__card--red .turpak-flows__icon {\n        background: var(--tf-red);\n    }\n\n    .turpak-flows__card--navy {\n        --card-accent: var(--tf-navy);\n    }\n\n    .turpak-flows__card--navy .turpak-flows__icon {\n        background: var(--tf-navy);\n    }\n\n    \/* Nav *\/\n    .turpak-flows__nav {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 46px;\n        height: 46px;\n        border: 1px solid rgba(11, 22, 70, 0.12);\n        border-radius: 999px;\n        background: rgba(255, 255, 255, 0.92);\n        color: var(--tf-navy);\n        font-size: 22px;\n        line-height: 1;\n        cursor: pointer;\n        box-shadow: 0 10px 26px rgba(11, 22, 70, 0.1);\n        transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;\n        -webkit-tap-highlight-color: transparent;\n    }\n\n    .turpak-flows__nav:hover {\n        transform: scale(1.05);\n        border-color: rgba(8, 107, 146, 0.3);\n    }\n\n    .turpak-flows__nav:disabled {\n        opacity: 0.4;\n        cursor: default;\n        transform: none;\n    }\n\n    .turpak-flows__nav span {\n        display: block;\n        transform: translateY(-1px);\n    }\n\n    .turpak-flows__controls {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 6px;\n    }\n\n    \/* Dots *\/\n    .turpak-flows__dots {\n        display: flex;\n        justify-content: center;\n        gap: 10px;\n        margin-top: 18px;\n        padding: 0 max(24px, calc((100% - 1300px) \/ 2));\n    }\n\n    .turpak-flows__dot {\n        width: 10px;\n        height: 10px;\n        border: 0;\n        border-radius: 999px;\n        background: rgba(11, 22, 70, 0.18);\n        cursor: pointer;\n        transition: transform 0.25s ease, background 0.25s ease;\n        padding: 0;\n    }\n\n    .turpak-flows__dot[aria-current=\"true\"] {\n        background: var(--tf-blue);\n        transform: scale(1.2);\n    }\n\n    @media (max-width: 1100px) {\n        .turpak-flows__header {\n            max-width: 900px;\n        }\n\n        .turpak-flows__intro {\n            max-width: 860px;\n        }\n\n        .turpak-flows__card {\n            flex: 0 0 280px;\n        }\n\n        .turpak-flows__ghost {\n            flex: 0 0 70px;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .turpak-flows {\n            padding: 58px 0;\n        }\n\n        .turpak-flows__container {\n            width: calc(100% - 32px);\n        }\n\n        .turpak-flows__header {\n            flex-direction: column;\n            align-items: flex-start;\n            max-width: none;\n            margin-bottom: 30px;\n        }\n\n        .turpak-flows__header-text {\n            max-width: none;\n        }\n\n        .turpak-flows__eyebrow {\n            margin-bottom: 14px;\n            font-size: 11px;\n        }\n\n        .turpak-flows__title {\n            max-width: none;\n            margin-bottom: 14px;\n            font-size: 32px;\n            line-height: 1.12;\n        }\n\n        .turpak-flows__intro {\n            max-width: none;\n            font-size: 15px;\n            line-height: 1.7;\n        }\n\n        .turpak-flows__track {\n            gap: 14px;\n            padding: 4px 16px 14px;\n            padding-left: 16px;\n        }\n\n        .turpak-flows__ghost {\n            flex: 0 0 50px;\n            min-height: auto;\n        }\n\n        .turpak-flows__card {\n            flex: 0 0 min(260px, 60%);\n            min-height: auto;\n            padding: 24px 22px 30px;\n            scroll-snap-align: start;\n        }\n\n        .turpak-flows__top {\n            margin-bottom: 24px;\n        }\n\n        .turpak-flows__icon {\n            width: 52px;\n            height: 52px;\n        }\n\n        .turpak-flows__number {\n            font-size: 36px;\n        }\n\n        .turpak-flows__card h3 {\n            font-size: 21px;\n        }\n\n        .turpak-flows__controls {\n            display: none;\n        }\n\n        .turpak-flows__dots {\n            margin-top: 14px;\n            padding: 0 16px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n        .turpak-flows__track,\n        .turpak-flows__card,\n        .turpak-flows__icon,\n        .turpak-flows__number,\n        .turpak-flows__card h3,\n        .turpak-flows__label,\n        .turpak-flows__card p,\n        .turpak-flows__card::after,\n        .turpak-flows__nav,\n        .turpak-flows__dot {\n            transition: none;\n            scroll-behavior: auto;\n        }\n    }\n<\/style>\n\n<section class=\"turpak-flows\" aria-labelledby=\"turpak-avantajlar-title\">\n    <div class=\"turpak-flows__container\">\n        <header class=\"turpak-flows__header\">\n            <div class=\"turpak-flows__header-text\">\n                <span class=\"turpak-flows__eyebrow\">\n                    Avantajlar\u0131m\u0131z\n                <\/span>\n\n                <h2 class=\"turpak-flows__title\" id=\"turpak-avantajlar-title\">\n                    Pompa Otomasyon \u00c7\u00f6z\u00fcmleri\n                <\/h2>\n\n                <p class=\"turpak-flows__intro\">\n                    Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel verimlili\u011fini art\u0131ran, sat\u0131\u015flar\u0131 ve m\u00fc\u015fteri\n                    memnuniyetini y\u00fckselten kapsaml\u0131 \u00e7\u00f6z\u00fcmler sunuyoruz.\n                <\/p>\n            <\/div>\n\n            <div class=\"turpak-flows__controls\">\n                <button class=\"turpak-flows__nav turpak-flows__nav--prev\" type=\"button\" aria-label=\"\u00d6nceki\" data-tf-prev>\n                    <span aria-hidden=\"true\">\u2039<\/span>\n                <\/button>\n                <button class=\"turpak-flows__nav turpak-flows__nav--next\" type=\"button\" aria-label=\"Sonraki\" data-tf-next>\n                    <span aria-hidden=\"true\">\u203a<\/span>\n                <\/button>\n            <\/div>\n        <\/header>\n    <\/div>\n\n    <div class=\"turpak-flows__carousel\">\n        <div class=\"turpak-flows__track\" data-tf-rail>\n\n            <div class=\"turpak-flows__ghost\" aria-hidden=\"true\"><\/div>\n\n            <article class=\"turpak-flows__card turpak-flows__card--blue\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M20.6 13.4l-7.6 7.6a2 2 0 0 1-2.8 0L3 13.8a2 2 0 0 1 0-2.8l7.6-7.6a2 2 0 0 1 2.8 0l7.2 7.2a2 2 0 0 1 0 2.8z\"><\/path>\n                            <path d=\"M9 15l6-6\"><\/path>\n                            <circle cx=\"10\" cy=\"10\" r=\"1\"><\/circle>\n                            <circle cx=\"14\" cy=\"14\" r=\"1\"><\/circle>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">01<\/span>\n                <\/div>\n\n                <h3>Tek Noktadan Tam Kontrol<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Operasyon Y\u00f6netimi\n                <\/span>\n\n                <p>\nPompa sat\u0131\u015flar\u0131, fiyat de\u011fi\u015fiklikleri, vardiya i\u015flemleri ve personel y\u00f6netimini tek panel \u00fczerinden kolayca y\u00f6netin.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--green\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"><\/path>\n                            <rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\"><\/rect>\n                            <path d=\"M9 14l2 2 4-4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">02<\/span>\n                <\/div>\n\n                <h3>Ger\u00e7ek Zamanl\u0131 Sat\u0131\u015f Y\u00f6netimi<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Anl\u0131k Takip\n                <\/span>\n\n                <p>\nPompalarda ger\u00e7ekle\u015fen t\u00fcm sat\u0131\u015f hareketlerini anl\u0131k olarak takip edin ve operasyon s\u00fcre\u00e7lerini kesintisiz kontrol alt\u0131nda tutun.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--red\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                            <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                            <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                            <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                            <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">03<\/span>\n                <\/div>\n\n                <h3>Daha H\u0131zl\u0131 \u0130\u015f S\u00fcre\u00e7leri<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Verimlilik\n                <\/span>\n\n                <p>\nOtomatikle\u015ftirilen operasyonlarla vardiya de\u011fi\u015fimleri, sat\u0131\u015f kay\u0131tlar\u0131 ve g\u00fcnl\u00fck i\u015flemleri \u00e7ok daha k\u0131sa s\u00fcrede tamamlay\u0131n.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--navy\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <polyline points=\"20 12 20 22 4 22 4 12\"><\/polyline>\n                            <rect x=\"2\" y=\"7\" width=\"20\" height=\"5\"><\/rect>\n                            <line x1=\"12\" y1=\"22\" x2=\"12\" y2=\"7\"><\/line>\n                            <path d=\"M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z\"><\/path>\n                            <path d=\"M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">04<\/span>\n                <\/div>\n\n                <h3>Hata Riskini En Aza \u0130ndirin<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    G\u00fcvenlik\n                <\/span>\n\n                <p>\nOtomatik do\u011frulama ve kay\u0131t mekanizmalar\u0131 sayesinde manuel i\u015flem kaynakl\u0131 hatalar\u0131 minimum seviyeye d\u00fc\u015f\u00fcr\u00fcn.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--blue\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line>\n                            <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line>\n                            <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line>\n                            <path d=\"M3 20h18\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">05<\/span>\n                <\/div>\n\n                <h3>Performans\u0131 Kolayca Takip Edin<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Personel Y\u00f6netimi\n                <\/span>\n\n                <p>\n                    Personel bazl\u0131 sat\u0131\u015f verilerini ve vardiya performanslar\u0131n\u0131 ayr\u0131nt\u0131l\u0131 raporlarla analiz edin.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--green\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">06<\/span>\n                <\/div>\n\n                <h3>Mevcut Altyap\u0131n\u0131zla Uyumlu<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Entegrasyon\n                <\/span>\n\n                <p>\nFarkl\u0131 pompa sistemleri ve istasyon ekipmanlar\u0131yla h\u0131zl\u0131 entegrasyon sa\u011flayarak kesintisiz kullan\u0131m elde edin.                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--red\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M3 18v-6a9 9 0 0 1 18 0v6\"><\/path>\n                            <path d=\"M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z\"><\/path>\n                            <path d=\"M12 19v3\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">07<\/span>\n                <\/div>\n\n                <h3>Verilerle Do\u011fru Kararlar Al\u0131n<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Raporlama\n                <\/span>\n\n                <p>\n                    Sat\u0131\u015f, \u00fcr\u00fcn ve operasyon verilerini detayl\u0131 raporlarla analiz ederek i\u015fletme performans\u0131n\u0131 art\u0131r\u0131n.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flows__card turpak-flows__card--navy\">\n                <div class=\"turpak-flows__top\">\n                    <span class=\"turpak-flows__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M21 4v6h-6\"><\/path>\n                            <path d=\"M3 20v-6h6\"><\/path>\n                            <path d=\"M21 10a9 9 0 0 0-15-3.6L3 10\"><\/path>\n                            <path d=\"M3 14a9 9 0 0 0 15 3.6L21 14\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"turpak-flows__number\">08<\/span>\n                <\/div>\n\n                <h3>T\u00fcm \u0130stasyonlar Tek Ekranda<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Merkezi Y\u00f6netim\n                <\/span>\n\n                <p>\n                    Bir veya birden fazla istasyonun operasyonlar\u0131n\u0131 merkezi olarak y\u00f6netin ve t\u00fcm s\u00fcre\u00e7leri tek noktadan takip edin.\n                <\/p>\n            <\/article>\n\n        <\/div>\n    <\/div>\n\n    \n<\/section>\n\n<script>\n    (function () {\n        const section = document.currentScript.previousElementSibling;\n        const rail = section.querySelector('[data-tf-rail]');\n        const prevBtn = section.querySelector('[data-tf-prev]');\n        const nextBtn = section.querySelector('[data-tf-next]');\n        const dotsWrap = section.querySelector('[data-tf-dots]');\n        const ghost = rail.querySelector('.turpak-flows__ghost');\n        const cards = Array.from(rail.children).filter((el) => !el.classList.contains('turpak-flows__ghost'));\n        if (!rail || cards.length === 0) return;\n\n        function getStep() {\n            return cards[0].offsetWidth + (parseFloat(getComputedStyle(rail).gap) || 18);\n        }\n\n        function getMaxIndex() {\n            return cards.length - 1;\n        }\n\n        function scrollToIndex(index) {\n            const step = getStep();\n            const max = getMaxIndex();\n            index = Math.max(0, Math.min(index, max));\n            rail.scrollTo({ left: index * step, behavior: 'smooth' });\n        }\n\n        function getCurrentIndex() {\n            const step = getStep();\n            const ghostW = ghost ? ghost.offsetWidth : 0;\n            const gap = parseFloat(getComputedStyle(rail).gap) || 18;\n            const firstCardStart = ghostW + gap;\n            const index = Math.round((rail.scrollLeft - firstCardStart) \/ step);\n            return Math.max(0, Math.min(getMaxIndex(), index));\n        }\n\n        function updateDots() {\n            if (!dotsWrap) return;\n            const index = getCurrentIndex();\n            const dots = Array.from(dotsWrap.children);\n            dots.forEach((dot, i) => dot.setAttribute('aria-current', i === index ? 'true' : 'false'));\n\n            if (prevBtn) prevBtn.disabled = rail.scrollLeft <= 1;\n            if (nextBtn) nextBtn.disabled = rail.scrollLeft >= rail.scrollWidth - rail.clientWidth - 1;\n        }\n\n        function buildDots() {\n            if (!dotsWrap) return;\n            dotsWrap.innerHTML = '';\n            cards.forEach((_, i) => {\n                const dot = document.createElement('button');\n                dot.type = 'button';\n                dot.className = 'turpak-flows__dot';\n                dot.setAttribute('aria-label', `Kayd\u0131rma ${i + 1}`);\n                dot.addEventListener('click', () => scrollToIndex(i));\n                dotsWrap.appendChild(dot);\n            });\n            updateDots();\n        }\n\n        let currentIndex = 0;\n\n        if (prevBtn) {\n            prevBtn.addEventListener('click', () => {\n                currentIndex = Math.max(0, getCurrentIndex() - 1);\n                scrollToIndex(currentIndex);\n            });\n        }\n\n        if (nextBtn) {\n            nextBtn.addEventListener('click', () => {\n                currentIndex = Math.min(getMaxIndex(), getCurrentIndex() + 1);\n                scrollToIndex(currentIndex);\n            });\n        }\n\n        let scrollRafId = null;\n        rail.addEventListener('scroll', () => {\n            if (scrollRafId) return;\n            scrollRafId = requestAnimationFrame(() => {\n                currentIndex = getCurrentIndex();\n                updateDots();\n                scrollRafId = null;\n            });\n        }, { passive: true });\n\n        \/\/ Mouse \/ touch drag\n        let isDragging = false;\n        let startX = 0;\n        let startScrollLeft = 0;\n        let dragDistance = 0;\n        let dragRafId = null;\n        let pendingScrollLeft = null;\n\n        function getPageX(e) {\n            return e.type.includes('mouse') ? e.pageX : e.touches[0].pageX;\n        }\n\n        function applyDragScroll() {\n            if (pendingScrollLeft !== null) {\n                rail.scrollLeft = pendingScrollLeft;\n                pendingScrollLeft = null;\n            }\n            dragRafId = null;\n        }\n\n        function onDragStart(e) {\n            isDragging = true;\n            dragDistance = 0;\n            rail.classList.add('is-dragging');\n            rail.style.scrollBehavior = 'auto';\n            startX = getPageX(e);\n            startScrollLeft = rail.scrollLeft;\n            pendingScrollLeft = startScrollLeft;\n        }\n\n        function onDragMove(e) {\n            if (!isDragging) return;\n            const x = getPageX(e);\n            const walk = startX - x;\n            dragDistance = Math.abs(walk);\n            pendingScrollLeft = startScrollLeft + walk;\n            if (!dragRafId) {\n                dragRafId = requestAnimationFrame(applyDragScroll);\n            }\n        }\n\n        function onDragEnd() {\n            if (!isDragging) return;\n            isDragging = false;\n            rail.classList.remove('is-dragging');\n            rail.style.scrollBehavior = '';\n            if (dragRafId) {\n                cancelAnimationFrame(dragRafId);\n                dragRafId = null;\n            }\n            if (pendingScrollLeft !== null) {\n                rail.scrollLeft = pendingScrollLeft;\n                pendingScrollLeft = null;\n            }\n        }\n\n        rail.addEventListener('mousedown', onDragStart);\n        rail.addEventListener('touchstart', onDragStart, { passive: true });\n\n        window.addEventListener('mousemove', onDragMove);\n        window.addEventListener('touchmove', onDragMove, { passive: true });\n\n        window.addEventListener('mouseup', onDragEnd);\n        window.addEventListener('touchend', onDragEnd);\n\n        \/\/ Click engelleme (s\u00fcr\u00fckleyerek ge\u00e7i\u015f yap\u0131ld\u0131ysa)\n        rail.querySelectorAll('a, button').forEach((el) => {\n            el.addEventListener('click', (e) => {\n                if (dragDistance > 5) e.preventDefault();\n            });\n        });\n\n        window.addEventListener('resize', () => {\n            buildDots();\n            updateDots();\n        });\n\n        buildDots();\n        updateDots();\n    })();\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid wd-rs-6951adbd4994a\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    .turpak-flow {\n        --tf-navy: #0b1646;\n        --tf-blue: #086b92;\n        --tf-green: #80a93d;\n        --tf-red: #d9233f;\n        --tf-light: #f5f7fa;\n        --tf-text: #20232a;\n        --tf-muted: #626b78;\n\n        position: relative;\n        padding: 76px 0;\n        background:\n            radial-gradient(\n                circle at 50% 0%,\n                rgba(8, 107, 146, 0.08),\n                transparent 38%\n            ),\n            #fff;\n        overflow: hidden;\n    }\n\n    .turpak-flow__container {\n        width: min(1300px, calc(100% - 48px));\n        margin: 0 auto;\n    }\n\n    .turpak-flow__header {\n        max-width: 1020px;\n        margin-bottom: 48px;\n    }\n\n    .turpak-flow__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        margin-bottom: 18px;\n        color: var(--tf-blue);\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    .turpak-flow__eyebrow::before {\n        content: \"\";\n        width: 28px;\n        height: 2px;\n        background: currentColor;\n        border-radius: 99px;\n    }\n\n    .turpak-flow__title {\n        max-width: 960px;\n        margin: 0 0 18px;\n        color: var(--tf-navy);\n        font-size: clamp(34px, 4vw, 50px);\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    .turpak-flow__intro {\n        max-width: 980px;\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n    .turpak-flow__grid {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        gap: 18px;\n    }\n\n    .turpak-flow__grid::before {\n        content: \"\";\n        position: absolute;\n        top: 47px;\n        left: 12%;\n        right: 12%;\n        height: 1px;\n        background:\n            linear-gradient(\n                90deg,\n                transparent,\n                rgba(8, 107, 146, 0.32) 15%,\n                rgba(8, 107, 146, 0.32) 85%,\n                transparent\n            );\n        z-index: 0;\n    }\n\n    .turpak-flow__card {\n        position: relative;\n        z-index: 1;\n        min-height: 320px;\n        padding: 30px 26px 34px;\n        border: 1px solid rgba(11, 22, 70, 0.09);\n        border-radius: 18px;\n        background: rgba(255, 255, 255, 0.96);\n        box-shadow: 0 14px 40px rgba(11, 22, 70, 0.07);\n        overflow: hidden;\n        transition:\n            transform 0.35s ease,\n            box-shadow 0.35s ease,\n            border-color 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flow__card:hover {\n        transform: translateY(-8px);\n        border-color: rgba(8, 107, 146, 0.3);\n        box-shadow: 0 24px 60px rgba(11, 22, 70, 0.13);\n    }\n\n    .turpak-flow__top {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        margin-bottom: 34px;\n    }\n\n    .turpak-flow__icon {\n        display: grid;\n        place-items: center;\n        width: 58px;\n        height: 58px;\n        border-radius: 16px;\n        color: #fff;\n        transition:\n            transform 0.35s ease,\n            border-radius 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    .turpak-flow__card:hover .turpak-flow__icon {\n        transform: rotate(-4deg) scale(1.07);\n        border-radius: 20px;\n    }\n\n    .turpak-flow__icon svg {\n        width: 28px;\n        height: 28px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 1.8;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .turpak-flow__number {\n        color: rgba(11, 22, 70, 0.12);\n        font-size: 42px;\n        font-weight: 800;\n        line-height: 1;\n        letter-spacing: -0.06em;\n        transition:\n            color 0.35s ease,\n            transform 0.35s ease;\n    }\n\n    .turpak-flow__card:hover .turpak-flow__number {\n        color: rgba(11, 22, 70, 0.2);\n        transform: translateY(-2px);\n    }\n\n    .turpak-flow__card h3 {\n        margin: 0 0 8px;\n        color: var(--tf-navy);\n        font-size: 22px;\n        line-height: 1.2;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flow__label {\n        display: block;\n        margin-bottom: 14px;\n        color: var(--card-accent);\n        font-size: 13px;\n        font-weight: 800;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flow__card p {\n        margin: 0;\n        color: var(--tf-muted);\n        font-size: 14px;\n        line-height: 1.7;\n        transition: color 0.35s ease;\n    }\n\n    .turpak-flow__card::after {\n        content: \"\";\n        position: absolute;\n        right: 26px;\n        bottom: 22px;\n        left: 26px;\n        height: 3px;\n        border-radius: 99px;\n        background: var(--card-accent);\n        transform: scaleX(0.22);\n        transform-origin: left;\n        opacity: 0.75;\n        transition:\n            transform 0.35s ease,\n            opacity 0.35s ease;\n    }\n\n    .turpak-flow__card:hover::after {\n        transform: scaleX(1);\n        opacity: 1;\n    }\n\n    .turpak-flow__card--control {\n        --card-accent: var(--tf-blue);\n    }\n\n    .turpak-flow__card--control .turpak-flow__icon {\n        background: var(--tf-blue);\n    }\n\n    .turpak-flow__card--audience {\n        --card-accent: var(--tf-green);\n    }\n\n    .turpak-flow__card--audience .turpak-flow__icon {\n        background: var(--tf-green);\n    }\n\n    .turpak-flow__card--process {\n        --card-accent: var(--tf-red);\n    }\n\n    .turpak-flow__card--process .turpak-flow__icon {\n        background: var(--tf-red);\n    }\n\n    .turpak-flow__card--compliance {\n        --card-accent: var(--tf-navy);\n    }\n\n    .turpak-flow__card--compliance .turpak-flow__icon {\n        background: var(--tf-navy);\n    }\n\n    @media (max-width: 1100px) {\n        .turpak-flow__header {\n            max-width: 900px;\n        }\n\n        .turpak-flow__intro {\n            max-width: 860px;\n        }\n\n        .turpak-flow__grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .turpak-flow__grid::before {\n            display: none;\n        }\n    }\n\n    @media (max-width: 767px) {\n        .turpak-flow {\n            padding: 58px 0;\n        }\n\n        .turpak-flow__container {\n            width: calc(100% - 32px);\n        }\n\n        .turpak-flow__header {\n            max-width: none;\n            margin-bottom: 30px;\n        }\n\n        .turpak-flow__eyebrow {\n            margin-bottom: 14px;\n            font-size: 11px;\n        }\n\n        .turpak-flow__title {\n            max-width: none;\n            margin-bottom: 14px;\n            font-size: 32px;\n            line-height: 1.12;\n        }\n\n        .turpak-flow__intro {\n            max-width: none;\n            font-size: 15px;\n            line-height: 1.7;\n        }\n\n        .turpak-flow__grid {\n            grid-template-columns: 1fr;\n            gap: 14px;\n        }\n\n        .turpak-flow__card {\n            min-height: auto;\n            padding: 24px 22px 30px;\n        }\n\n        .turpak-flow__top {\n            margin-bottom: 24px;\n        }\n\n        .turpak-flow__icon {\n            width: 52px;\n            height: 52px;\n        }\n\n        .turpak-flow__number {\n            font-size: 36px;\n        }\n\n        .turpak-flow__card h3 {\n            font-size: 21px;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .turpak-flow__card,\n        .turpak-flow__icon,\n        .turpak-flow__number,\n        .turpak-flow__card h3,\n        .turpak-flow__label,\n        .turpak-flow__card p,\n        .turpak-flow__card::after {\n            transition: none;\n        }\n    }\n<\/style>\n\n<section class=\"turpak-flow\" aria-labelledby=\"turpak-flow-title\">\n    <div class=\"turpak-flow__container\">\n\n        <header class=\"turpak-flow__header\">\n            <span class=\"turpak-flow__eyebrow\">\n                Pompa Otomasyon \u00c7\u00f6z\u00fcmleri\n            <\/span>\n\n            <h2 class=\"turpak-flow__title\" id=\"turpak-flow-title\">\n                Tesis y\u00f6netimini tek merkezde b\u00fct\u00fcnle\u015ftirin\n            <\/h2>\n\n            <p class=\"turpak-flow__intro\">\n                Sahadaki t\u00fcm operasyonel s\u00fcre\u00e7leri anl\u0131k olarak izleyen, y\u00f6neten ve g\u00fcvenli bi\u00e7imde kay\u0131t alt\u0131na alan entegre otomasyon altyap\u0131s\u0131 ile stok, sat\u0131\u015f, dolum ve sevkiyat s\u00fcre\u00e7lerinizi tek merkezden kontrol edin.\n            <\/p>\n        <\/header>\n\n        <div class=\"turpak-flow__grid\">\n\n            <article class=\"turpak-flow__card turpak-flow__card--control\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 4v16h16\"><\/path>\n                            <path d=\"M7 15l3-3 3 2 5-6\"><\/path>\n                            <path d=\"M16 8h2v2\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Ne Sa\u011flar?<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    Operasyonel Kontrol\n                <\/span>\n\n                <p>\n                    Pompa sat\u0131\u015flar\u0131n\u0131, fiyat y\u00f6netimini ve vardiya s\u00fcre\u00e7lerini tek platformdan y\u00f6neterek operasyonlar\u0131 daha h\u0131zl\u0131, g\u00fcvenli ve verimli hale getirir.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flow__card turpak-flow__card--audience\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n                            <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n                            <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Kimler \u0130\u00e7in?<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    \u0130stasyonlar ve Filolar\n                <\/span>\n\n                <p>\n                    Ba\u011f\u0131ms\u0131z istasyonlar, bayi a\u011flar\u0131, zincir akaryak\u0131t istasyonlar\u0131 ve merkezi y\u00f6netim ihtiyac\u0131 duyan t\u00fcm i\u015fletmeler i\u00e7in uygundur.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flow__card turpak-flow__card--process\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06-2.83 2.83-.06-.06A1.65 1.65 0 0 0 15 19.4a1.65 1.65 0 0 0-1 .6 1.65 1.65 0 0 0-.4 1.08V21h-4v-.08A1.65 1.65 0 0 0 8.6 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06-2.83-2.83.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-.6-1H3v-4h1a1.65 1.65 0 0 0 .6-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06 2.83-2.83.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-.6V3h4v1a1.65 1.65 0 0 0 1 .6 1.65 1.65 0 0 0 1.82-.33l.06-.06 2.83 2.83-.06.06A1.65 1.65 0 0 0 19.4 9c.14.38.36.72.6 1h1v4h-1c-.24.28-.46.62-.6 1z\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    Donan\u0131m ve Yaz\u0131l\u0131m\n                <\/span>\n\n                <p>\n                    Pompalardan gelen verileri anl\u0131k olarak toplar, t\u00fcm sat\u0131\u015f ve operasyon s\u00fcre\u00e7lerini merkezi yaz\u0131l\u0131m \u00fczerinden y\u00f6netir.\n                <\/p>\n            <\/article>\n\n            <article class=\"turpak-flow__card turpak-flow__card--compliance\">\n                <div class=\"turpak-flow__top\">\n                    <span class=\"turpak-flow__icon\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                            <path d=\"M9 12l2 2 4-4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    \n                <\/div>\n\n                <h3>Uyum<\/h3>\n\n                <span class=\"turpak-flow__label\">\n                    Mevzuat Odakl\u0131\n                <\/span>\n\n                <p>\n                    Farkl\u0131 pompa sistemleri ve istasyon altyap\u0131lar\u0131yla uyumlu \u00e7al\u0131\u015f\u0131r. Mevcut yap\u0131ya kolayca entegre edilerek k\u0131sa s\u00fcrede kullan\u0131ma al\u0131nabilir.\n                <\/p>\n            <\/article>\n\n        <\/div>\n    <\/div>\n<\/section>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div id=\"bilesenler\" data-vc-full-width=\"true\" data-vc-full-width-temp=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding wd-rs-6a51e6c515404\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    #system-ozellik-section {\n        --sb-navy: #0b1646;\n        --sb-navy-dark: #07102f;\n        --sb-blue: #086b92;\n        --sb-green: #80a93d;\n        --sb-red: #d9233f;\n        --sb-text: #202632;\n        --sb-muted: #626b78;\n        --sb-border: rgba(11, 22, 70, 0.11);\n        --sb-soft: #f6f8fb;\n        --sb-white: #ffffff;\n\n        position: relative;\n        padding: 88px 0;\n        background:\n            radial-gradient(circle at 100% 0%,\n                rgba(8, 107, 146, 0.07),\n                transparent 34%),\n            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n        overflow: visible;\n    }\n\n    #system-ozellik-section *,\n    #system-ozellik-section *::before,\n    #system-ozellik-section *::after,\n    .system-ozellik-modal *,\n    .system-ozellik-modal *::before,\n    .system-ozellik-modal *::after {\n        box-sizing: border-box;\n    }\n\n    #system-ozellik-section .system-ozellik-container {\n        width: min(1300px, calc(100% - 48px));\n        margin: 0 auto;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-header {\n        max-width: 1050px;\n        margin-bottom: 46px;\n    }\n\n    #system-ozellik-section .system-ozellik-eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 16px;\n        color: var(--sb-blue);\n        font-size: 12px;\n        font-weight: 800;\n        line-height: 1.2;\n        letter-spacing: 0.12em;\n        text-transform: uppercase;\n    }\n\n    #system-ozellik-section .system-ozellik-eyebrow::before {\n        content: \"\";\n        width: 30px;\n        height: 2px;\n        border-radius: 999px;\n        background: currentColor;\n    }\n\n    #system-ozellik-section .system-ozellik-title {\n        max-width: 1020px;\n        margin: 0 0 16px;\n        color: var(--sb-navy);\n        font-size: clamp(34px, 4vw, 50px);\n        font-weight: 750;\n        line-height: 1.08;\n        letter-spacing: -0.04em;\n    }\n\n    #system-ozellik-section .system-ozellik-intro {\n        max-width: 980px;\n        margin: 0;\n        color: var(--sb-muted);\n        font-size: 17px;\n        line-height: 1.8;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-layout {\n        display: grid;\n        grid-template-columns: minmax(0, 1.42fr) minmax(600px, 0.78fr);\n        gap: 32px;\n        align-items: start;\n    }\n\n    #system-ozellik-section .system-ozellik-list {\n        display: grid;\n        gap: 16px;\n        min-width: 0;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-item {\n        position: relative;\n        display: flex;\n        min-height: 0;\n        margin: 0;\n        border: 1px solid var(--sb-border);\n        border-radius: 18px;\n        background: var(--sb-white);\n        box-shadow: 0 12px 35px rgba(11, 22, 70, 0.055);\n        cursor: pointer;\n        overflow: hidden;\n        transition:\n            transform 0.35s ease,\n            border-color 0.35s ease,\n            box-shadow 0.35s ease,\n            background-color 0.35s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-item::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: 4px;\n        background: var(--sb-blue);\n        transform: scaleY(0);\n        transform-origin: center;\n        transition: transform 0.35s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-item:hover {\n        transform: translateY(-4px);\n        border-color: rgba(8, 107, 146, 0.25);\n        box-shadow: 0 20px 48px rgba(11, 22, 70, 0.1);\n    }\n\n    #system-ozellik-section .system-ozellik-item.is-active {\n        border-color: rgba(8, 107, 146, 0.35);\n        background:\n            linear-gradient(90deg,\n                rgba(8, 107, 146, 0.035),\n                #ffffff 34%);\n        box-shadow: 0 22px 54px rgba(11, 22, 70, 0.11);\n    }\n\n    #system-ozellik-section .system-ozellik-item.is-active::before {\n        transform: scaleY(1);\n    }\n\n    #system-ozellik-section .system-ozellik-item-inner {\n        display: flex !important;\n        align-items: center;\n        justify-content: space-between !important;\n        box-sizing: border-box;\n        width: 100%;\n        gap: 16px;\n        padding: 18px 10px 18px 22px;\n    }\n\n    #system-ozellik-section .system-ozellik-item-main {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        min-width: 0;\n        flex: 0 1 auto;\n    }\n\n    #system-ozellik-section .system-ozellik-item-image,\n    #system-ozellik-section .system-ozellik-item-index,\n    #system-ozellik-section .system-ozellik-item-role,\n    #system-ozellik-section .system-ozellik-item-summary {\n        display: none;\n    }\n\n    #system-ozellik-section .system-ozellik-item-number {\n        flex: 0 0 auto;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 30px;\n        height: 22px;\n        padding: 0 8px;\n        border-radius: 999px;\n        color: #ffffff;\n        background: var(--sb-blue);\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.06em;\n        transition: background-color 0.35s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-item:hover .system-ozellik-item-number,\n    #system-ozellik-section .system-ozellik-item.is-active .system-ozellik-item-number {\n        background: var(--sb-green);\n    }\n\n    #system-ozellik-section .system-ozellik-item-title {\n        flex: 0 1 auto;\n        min-width: 0;\n        margin: 0;\n        color: var(--sb-navy);\n        font-size: 18px;\n        font-weight: 750;\n        line-height: 1.25;\n        letter-spacing: -0.02em;\n    }\n\n    #system-ozellik-section .system-ozellik-actions {\n        display: block;\n        width: 100%;\n        margin-top: auto;\n        align-self: stretch;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-btn {\n        flex: 0 0 auto;\n        margin-left: auto !important;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 40px;\n        height: 40px;\n        padding: 0;\n        border: 1px solid transparent;\n        border-radius: 50%;\n        font-family: inherit;\n        font-size: 12px;\n        font-weight: 750;\n        line-height: 1.2;\n        text-align: center;\n        text-decoration: none;\n        cursor: pointer;\n        transition:\n            transform 0.25s ease,\n            color 0.25s ease,\n            background-color 0.25s ease,\n            border-color 0.25s ease,\n            box-shadow 0.25s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-btn:hover {\n        transform: translateY(-2px);\n    }\n\n    #system-ozellik-section .system-ozellik-btn:focus-visible {\n        outline: 3px solid rgba(8, 107, 146, 0.25);\n        outline-offset: 3px;\n    }\n\n    #system-ozellik-section .system-ozellik-btn.primary {\n        color: #ffffff;\n        background: var(--sb-navy);\n        box-shadow: 0 8px 20px rgba(11, 22, 70, 0.14);\n    }\n\n    #system-ozellik-section .system-ozellik-btn.primary:hover {\n        color: #ffffff;\n        background: var(--sb-blue);\n    }\n\n    #system-ozellik-section .system-ozellik-btn.secondary {\n        color: var(--sb-navy);\n        border-color: rgba(11, 22, 70, 0.16);\n        background: #ffffff;\n    }\n\n    #system-ozellik-section .system-ozellik-btn.secondary:hover,\n    #system-ozellik-section .system-ozellik-btn.secondary[aria-pressed=\"true\"] {\n        color: #ffffff;\n        border-color: var(--sb-blue);\n        background: var(--sb-blue);\n        box-shadow: 0 10px 24px rgba(8, 107, 146, 0.18);\n    }\n\n    #system-ozellik-section .system-ozellik-btn-icon {\n        width: 14px;\n        height: 14px;\n    }\n\n\n\n    #system-ozellik-section .system-ozellik-detail-wrap {\n        position: relative;\n        align-self: stretch;\n        min-width: 0;\n        min-height: var(--system-ozellik-detail-height, 300px);\n    }\n\n    #system-ozellik-section .system-ozellik-detail {\n        position: sticky;\n        top: 120px;\n        width: 100%;\n        max-height: calc(100vh - 150px);\n        min-height: 300px;\n        padding: 38px 34px 100px;\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 24px;\n        color: #ffffff;\n        background:\n            radial-gradient(circle at 100% 0%,\n                rgba(255, 255, 255, 0.14),\n                transparent 32%),\n            linear-gradient(145deg,\n                var(--sb-navy) 0%,\n                var(--sb-navy-dark) 100%);\n        box-shadow: 0 26px 70px rgba(7, 16, 47, 0.22);\n        overflow: hidden;\n        overscroll-behavior: contain;\n    }\n\n    @media (min-width: 1025px) {\n        #system-ozellik-section .system-ozellik-detail.is-fixed {\n            position: fixed;\n            top: 120px;\n            z-index: 3;\n        }\n\n        #system-ozellik-section .system-ozellik-detail.is-bottom {\n            position: absolute;\n            top: auto;\n            right: 0;\n            bottom: 0;\n            left: auto;\n            z-index: 3;\n            width: 100%;\n        }\n    }\n\n    #system-ozellik-section .system-ozellik-detail::before {\n        content: \"\";\n        position: absolute;\n        top: -110px;\n        right: -90px;\n        width: 260px;\n        height: 260px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 50%;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-content {\n        position: relative;\n        z-index: 1;\n        transition:\n            opacity 0.2s ease,\n            transform 0.2s ease;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-content.is-changing {\n        opacity: 0;\n        transform: translateY(8px);\n    }\n\n    #system-ozellik-section .system-ozellik-detail-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin-bottom: 24px;\n        color: rgba(255, 255, 255, 0.66);\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 0.13em;\n        text-transform: uppercase;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-kicker::before {\n        content: \"\";\n        width: 26px;\n        height: 2px;\n        border-radius: 99px;\n        background: var(--sb-green);\n    }\n\n    #system-ozellik-section .system-ozellik-detail-title {\n        margin: 0 0 18px;\n        color: #ffffff;\n        font-size: clamp(27px, 2.5vw, 36px);\n        font-weight: 750;\n        line-height: 1.17;\n        letter-spacing: -0.035em;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-description {\n        margin: 0;\n        color: rgba(255, 255, 255, 0.78);\n        font-size: 16px;\n        line-height: 1.8;\n    }\n\n    #system-ozellik-section .system-ozellik-detail-hint {\n        position: absolute;\n        right: 34px;\n        bottom: 30px;\n        left: 34px;\n        z-index: 1;\n        margin: 0;\n        padding-top: 18px;\n        border-top: 1px solid rgba(255, 255, 255, 0.13);\n        color: rgba(255, 255, 255, 0.5);\n        font-size: 12px;\n        line-height: 1.5;\n    }\n\n\n    @media (min-width: 1025px) and (max-height: 720px) {\n        #system-ozellik-section .system-ozellik-detail {\n            top: 24px;\n            max-height: calc(100vh - 48px);\n            min-height: 0;\n            overflow-y: auto;\n        }\n\n        #system-ozellik-section .system-ozellik-detail.is-fixed {\n            top: 24px;\n        }\n    }\n\n\n    @media (max-width: 1024px) {\n        #system-ozellik-section {\n            padding: 72px 0;\n        }\n\n        #system-ozellik-section .system-ozellik-layout {\n            display: block;\n        }\n\n        #system-ozellik-section .system-ozellik-list {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 16px;\n        }\n\n        #system-ozellik-section .system-ozellik-detail-wrap {\n            display: none;\n        }\n\n        #system-ozellik-section .system-ozellik-item {\n            display: flex;\n            min-height: 0;\n            border-radius: 16px;\n        }\n\n        #system-ozellik-section .system-ozellik-item::before {\n            top: auto;\n            right: 0;\n            bottom: 0;\n            left: 0;\n            width: auto;\n            height: 4px;\n            transform: scaleX(0.18);\n            transform-origin: left;\n        }\n\n        #system-ozellik-section .system-ozellik-item:hover::before {\n            transform: scaleX(1);\n        }\n\n        #system-ozellik-section .system-ozellik-item.is-active {\n            border-color: var(--sb-border);\n            background: #ffffff;\n            box-shadow: 0 12px 35px rgba(11, 22, 70, 0.055);\n        }\n\n        #system-ozellik-section .system-ozellik-item-inner {\n            display: flex !important;\n            align-items: center;\n            justify-content: space-between !important;\n            box-sizing: border-box;\n            width: 100%;\n            padding: 16px 10px 16px 16px;\n            gap: 12px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-main {\n            gap: 12px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-number {\n            position: static;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 28px;\n            height: 20px;\n            padding: 0 7px;\n            border-radius: 999px;\n            color: #ffffff;\n            background: var(--sb-blue);\n            font-size: 9px;\n            font-weight: 800;\n            letter-spacing: 0.08em;\n        }\n\n        #system-ozellik-section .system-ozellik-item-title {\n            margin-top: 0;\n            font-size: 16px;\n        }\n\n        #system-ozellik-section .system-ozellik-actions {\n            margin-top: auto;\n            padding-top: 6px;\n        }\n\n        #system-ozellik-section .system-ozellik-btn {\n            margin-left: auto !important;\n            width: 32px;\n            height: 32px;\n            min-height: 32px;\n            padding: 0;\n            border-radius: 50%;\n        }\n\n        #system-ozellik-section .system-ozellik-btn-icon {\n            width: 12px;\n            height: 12px;\n        }\n    }\n\n\n\n    @media (max-width: 767px) {\n        #system-ozellik-section {\n            padding: 58px 0;\n        }\n\n        #system-ozellik-section .system-ozellik-container {\n            width: calc(100% - 24px);\n        }\n\n        #system-ozellik-section .system-ozellik-header {\n            margin-bottom: 30px;\n        }\n\n        #system-ozellik-section .system-ozellik-title {\n            font-size: 31px;\n            line-height: 1.13;\n        }\n\n        #system-ozellik-section .system-ozellik-intro {\n            font-size: 15px;\n            line-height: 1.72;\n        }\n\n        #system-ozellik-section .system-ozellik-list {\n            grid-template-columns: 1fr;\n            gap: 10px;\n        }\n\n        #system-ozellik-section .system-ozellik-item {\n            border-radius: 14px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-inner {\n            display: flex;\n            flex-direction: column;\n            align-items: flex-start;\n            padding: 14px;\n            gap: 8px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-main {\n            width: 100%;\n            gap: 12px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-number {\n            position: static;\n            align-self: flex-start;\n            min-width: 26px;\n            height: 20px;\n            padding: 0 6px;\n            font-size: 9px;\n        }\n\n        #system-ozellik-section .system-ozellik-item-title {\n            flex: 0 0 auto;\n            margin-top: 2px;\n            font-size: 15px;\n            line-height: 1.25;\n        }\n\n        #system-ozellik-section .system-ozellik-actions {\n            padding-top: 6px;\n        }\n\n        #system-ozellik-section .system-ozellik-btn {\n            flex: 0 0 auto;\n            margin-left: 0;\n            width: 100%;\n            height: 36px;\n            min-height: 36px;\n            padding: 0;\n            border-radius: 999px;\n        }\n\n        #system-ozellik-section .system-ozellik-btn-icon {\n            width: 14px;\n            height: 14px;\n        }\n    }\n\n\n\n    .system-ozellik-modal {\n        position: fixed;\n        inset: 0;\n        z-index: 999999;\n        display: grid;\n        place-items: center;\n        padding: 20px;\n        visibility: hidden;\n        opacity: 0;\n        pointer-events: none;\n        transition:\n            opacity 0.24s ease,\n            visibility 0.24s ease;\n    }\n\n    .system-ozellik-modal.is-open {\n        visibility: visible;\n        opacity: 1;\n        pointer-events: auto;\n    }\n\n    .system-ozellik-modal__overlay {\n        position: absolute;\n        inset: 0;\n        border: 0;\n        background: rgba(3, 8, 27, 0.74);\n        backdrop-filter: blur(6px);\n        cursor: pointer;\n    }\n\n    .system-ozellik-modal__dialog {\n        position: relative;\n        z-index: 1;\n        width: min(620px, 100%);\n        padding:\n            clamp(26px, 4vw, 42px) clamp(22px, 4vw, 38px) clamp(24px, 4vw, 36px);\n        border: 1px solid rgba(255, 255, 255, 0.14);\n        border-radius: 24px;\n        color: #ffffff;\n        background:\n            radial-gradient(circle at 100% 0%,\n                rgba(255, 255, 255, 0.14),\n                transparent 34%),\n            linear-gradient(145deg, #0b1646 0%, #07102f 100%);\n        box-shadow: 0 40px 100px rgba(3, 8, 27, 0.42);\n\n\n        max-height: none;\n        overflow: visible;\n\n        transform: translateY(18px) scale(0.98);\n        transition: transform 0.26s ease;\n    }\n\n    .system-ozellik-modal.is-open .system-ozellik-modal__dialog {\n        transform: translateY(0) scale(1);\n    }\n\n    .system-ozellik-modal__close {\n        position: absolute;\n        top: 14px;\n        right: 14px;\n        z-index: 2;\n        display: grid;\n        place-items: center;\n        width: 42px;\n        height: 42px;\n        padding: 0;\n        border: 1px solid rgba(255, 255, 255, 0.17);\n        border-radius: 50%;\n        color: #ffffff;\n        background: rgba(255, 255, 255, 0.09);\n        cursor: pointer;\n        transition:\n            transform 0.25s ease,\n            background-color 0.25s ease;\n    }\n\n    .system-ozellik-modal__close:hover {\n        transform: rotate(8deg);\n        background: rgba(255, 255, 255, 0.16);\n    }\n\n    .system-ozellik-modal__close svg {\n        width: 20px;\n        height: 20px;\n        fill: none;\n        stroke: currentColor;\n        stroke-width: 2;\n        stroke-linecap: round;\n    }\n\n    .system-ozellik-modal__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 9px;\n        margin: 0 50px 20px 0;\n        color: rgba(255, 255, 255, 0.66);\n        font-size: 10px;\n        font-weight: 800;\n        letter-spacing: 0.13em;\n        text-transform: uppercase;\n    }\n\n    .system-ozellik-modal__eyebrow::before {\n        content: \"\";\n        width: 26px;\n        height: 2px;\n        border-radius: 999px;\n        background: #80a93d;\n    }\n\n    .system-ozellik-modal__title {\n        margin: 0 0 16px;\n        color: #ffffff;\n        font-size: clamp(25px, 4.5vw, 36px);\n        font-weight: 750;\n        line-height: 1.14;\n        letter-spacing: -0.035em;\n    }\n\n    .system-ozellik-modal__description {\n        margin: 0;\n        color: rgba(255, 255, 255, 0.79);\n        font-size: clamp(14px, 2vw, 16px);\n        line-height: 1.72;\n    }\n\n    .system-ozellik-modal__footer {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 18px;\n        margin-top: clamp(20px, 3vw, 28px);\n        padding-top: 18px;\n        border-top: 1px solid rgba(255, 255, 255, 0.13);\n    }\n\n    .system-ozellik-modal__hint {\n        margin: 0;\n        color: rgba(255, 255, 255, 0.5);\n        font-size: 11px;\n        line-height: 1.45;\n    }\n\n\n\n    body.system-ozellik-modal-open {\n        overflow: hidden;\n    }\n\n\n    @media (max-height: 700px) and (max-width: 1024px) {\n        .system-ozellik-modal {\n            padding: 10px;\n        }\n\n        .system-ozellik-modal__dialog {\n            width: min(600px, 100%);\n            padding: 22px 22px 20px;\n            border-radius: 19px;\n        }\n\n        .system-ozellik-modal__close {\n            top: 10px;\n            right: 10px;\n            width: 36px;\n            height: 36px;\n        }\n\n        .system-ozellik-modal__eyebrow {\n            margin-bottom: 12px;\n            font-size: 9px;\n        }\n\n        .system-ozellik-modal__title {\n            margin-bottom: 11px;\n            font-size: clamp(21px, 4vw, 29px);\n        }\n\n        .system-ozellik-modal__description {\n            font-size: 13px;\n            line-height: 1.55;\n        }\n\n        .system-ozellik-modal__footer {\n            margin-top: 15px;\n            padding-top: 13px;\n        }\n\n        .system-ozellik-modal__hint {\n            font-size: 10px;\n        }\n    }\n\n    @media (max-width: 600px) {\n        .system-ozellik-modal {\n            padding: 12px;\n        }\n\n        .system-ozellik-modal__dialog {\n            width: 100%;\n            padding: 28px 20px 22px;\n            border-radius: 20px;\n        }\n\n        .system-ozellik-modal__footer {\n            align-items: stretch;\n            flex-direction: column;\n            gap: 12px;\n        }\n    }\n\n    @media (hover: none) {\n\n        #system-ozellik-section .system-ozellik-item:hover,\n        #system-ozellik-section .system-ozellik-btn:hover {\n            transform: none;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n\n        #system-ozellik-section .system-ozellik-item,\n        #system-ozellik-section .system-ozellik-item::before,\n        #system-ozellik-section .system-ozellik-btn,\n        #system-ozellik-section .system-ozellik-detail-content,\n        .system-ozellik-modal,\n        .system-ozellik-modal__dialog,\n        .system-ozellik-modal__close {\n            transition: none;\n        }\n    }\n<\/style>\n\n<section id=\"system-ozellik-section\" class=\"system-ozellik-section\" aria-labelledby=\"system-ozellik-title\">\n    <div class=\"system-ozellik-container\">\n\n        <header class=\"system-ozellik-header\">\n            <span class=\"system-ozellik-eyebrow\">\n                Sistem \u00d6zellikleri\n            <\/span>\n\n            <h2 id=\"system-ozellik-title\" class=\"system-ozellik-title\">\n                Akaryak\u0131t \u0130stasyon Y\u00f6netiminin G\u00fc\u00e7l\u00fc \u00d6zellikleri\n            <\/h2>\n\n            <p class=\"system-ozellik-intro\">\n                Operasyonel verimlili\u011fi art\u0131ran, kay\u0131p-ka\u00e7a\u011f\u0131 azaltan ve\n                karl\u0131l\u0131\u011f\u0131 y\u00fckselen kapsaml\u0131 sistem \u00f6zellikleriyle istasyonunuzu\n                her y\u00f6n\u00fcyle kontrol alt\u0131nda tutun.\n            <\/p>\n        <\/header>\n\n        <div class=\"system-ozellik-layout\">\n\n            <div class=\"system-ozellik-list\" aria-label=\"Sistem \u00f6zellikleri\">\n\n                <article class=\"system-ozellik-item is-active\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">01<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Online Pompa \u0130zleme\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Online Pompa \u0130zleme\"\n                            data-description=\"Yak\u0131t dolum i\u015flemleri s\u0131ras\u0131nda ger\u00e7ekle\u015fen litre, tutar ve sat\u0131\u015f bilgileri e\u015f zamanl\u0131 olarak izlenebilir. B\u00f6ylece t\u00fcm sat\u0131\u015f hareketleri anl\u0131k olarak kontrol alt\u0131nda tutulur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"true\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">02<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Pompa Entegrasyonu\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Pompa Entegrasyonu\"\n                            data-description=\"Farkl\u0131 marka ve model pompa sistemleriyle uyumlu \u00e7al\u0131\u015fan altyap\u0131 sayesinde mevcut ekipmanlarla h\u0131zl\u0131 entegrasyon sa\u011flan\u0131r. Gerekti\u011finde yeni cihazlar da sisteme kolayca dahil edilebilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">03<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Totalizat\u00f6r Kontrol\u00fc\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Totalizat\u00f6r Kontrol\u00fc\"\n                            data-description=\"Her sat\u0131\u015f sonras\u0131nda pompalar\u0131n toplam saya\u00e7 de\u011ferleri otomatik olarak okunur. Sat\u0131\u015f kay\u0131tlar\u0131 ile saya\u00e7 verileri kar\u015f\u0131la\u015ft\u0131r\u0131larak olas\u0131 farkl\u0131l\u0131klar tespit edilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">04<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Merkezi Fiyat Y\u00f6netimi\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Merkezi Fiyat Y\u00f6netimi\"\n                            data-description=\"Yak\u0131t \u00fcr\u00fcnlerine ait sat\u0131\u015f fiyatlar\u0131 tek merkezden g\u00fcncellenebilir. Yap\u0131lan de\u011fi\u015fiklikler t\u00fcm pompalara otomatik olarak uygulan\u0131rken i\u015flem kay\u0131tlar\u0131 sistemde saklan\u0131r.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">05<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Vardiya Y\u00f6netimi\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Vardiya Y\u00f6netimi\"\n                            data-description=\"Vardiya a\u00e7\u0131l\u0131\u015f ve kapan\u0131\u015f i\u015flemleri h\u0131zl\u0131 \u015fekilde tamamlan\u0131r. Personel bazl\u0131 sat\u0131\u015f kay\u0131tlar\u0131 otomatik olarak olu\u015fturularak vardiya raporlar\u0131 haz\u0131rlan\u0131r.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">06<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                UPS Entegrasyonu\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"UPS Entegrasyonu\"\n                            data-description=\"Elektrik kesintileri veya g\u00fc\u00e7 dalgalanmalar\u0131nda sistem g\u00fcvenli \u00e7al\u0131\u015fma moduna ge\u00e7erek veri kayb\u0131n\u0131 \u00f6nlemeye yard\u0131mc\u0131 olur ve operasyon s\u00fcreklili\u011fini destekler.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">07<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Alarm Y\u00f6netimi\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Alarm Y\u00f6netimi\"\n                            data-description=\"Sistemde meydana gelen haberle\u015fme, donan\u0131m veya operasyon kaynakl\u0131 ola\u011fan d\u0131\u015f\u0131 durumlar otomatik olarak alg\u0131lan\u0131r ve kullan\u0131c\u0131ya anl\u0131k bildirim g\u00f6nderilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">08<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Yanl\u0131\u015f Yak\u0131t \u00d6nleme\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Yanl\u0131\u015f Yak\u0131t \u00d6nleme\"\n                            data-description=\"Ara\u00e7 bilgileri ile se\u00e7ilen yak\u0131t t\u00fcr\u00fc do\u011frulanarak yanl\u0131\u015f yak\u0131t dolumu engellenir. Uyu\u015fmazl\u0131k durumunda sistem kullan\u0131c\u0131y\u0131 uyar\u0131r ve i\u015flemi durdurur.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">09<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Geli\u015fmi\u015f Raporlama\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Geli\u015fmi\u015f Raporlama\"\n                            data-description=\"Sat\u0131\u015flar, pompa hareketleri, personel performans\u0131, \u00fcr\u00fcn bazl\u0131 i\u015flemler ve cari bilgiler detayl\u0131 raporlar halinde g\u00f6r\u00fcnt\u00fclenebilir ve d\u0131\u015f ortama aktar\u0131labilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">10<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Merkezi Ba\u011flant\u0131\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Merkezi Ba\u011flant\u0131\"\n                            data-description=\"Bir veya birden fazla istasyondan elde edilen operasyon verileri merkezi sisteme aktar\u0131l\u0131r. B\u00f6ylece t\u00fcm istasyonlar tek noktadan izlenebilir ve y\u00f6netilebilir.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n                    <div class=\"system-ozellik-item-inner\">\n                        <div class=\"system-ozellik-item-main\">\n                            <span class=\"system-ozellik-item-number\">11<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Otomatik Yaz\u0131l\u0131m G\u00fcncelleme\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\" class=\"system-ozellik-btn secondary\" data-component-trigger\n                            data-title=\"Otomatik Yaz\u0131l\u0131m G\u00fcncelleme\"\n                            data-description=\"Yaz\u0131l\u0131m g\u00fcncellemeleri uzaktan ger\u00e7ekle\u015ftirilebilir. Yeni \u00f6zellikler, performans iyile\u015ftirmeleri ve g\u00fcvenlik g\u00fcncellemeleri sahaya h\u0131zl\u0131 \u015fekilde ula\u015ft\u0131r\u0131larak sistemin her zaman g\u00fcncel kalmas\u0131 sa\u011flan\u0131r.\"\n                            aria-controls=\"system-ozellik-detail\" aria-pressed=\"false\" aria-label=\"Bilgi Al\">\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"\n                                fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <path d=\"M5 12h14\" \/>\n                                <path d=\"m12 5 7 7-7 7\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n            <\/div>\n\n            <div class=\"system-ozellik-detail-wrap\">\n                <aside id=\"system-ozellik-detail\" class=\"system-ozellik-detail\" aria-live=\"polite\" aria-atomic=\"true\">\n                    <div class=\"system-ozellik-detail-content\">\n                        <span class=\"system-ozellik-detail-kicker\">\n                            \u00d6zellik Detay\u0131\n                        <\/span>\n\n                        <h3 class=\"system-ozellik-detail-title\">\n                            Online Pompa \u0130zleme\n                        <\/h3>\n\n                        <p class=\"system-ozellik-detail-description\">\n                            Yak\u0131t dolum i\u015flemleri s\u0131ras\u0131nda ger\u00e7ekle\u015fen litre, tutar ve sat\u0131\u015f bilgileri e\u015f zamanl\u0131\n                            olarak izlenebilir. B\u00f6ylece t\u00fcm sat\u0131\u015f hareketleri anl\u0131k olarak kontrol alt\u0131nda tutulur.\n                        <\/p>\n                    <\/div>\n\n                    <p class=\"system-ozellik-detail-hint\">\n                        Di\u011fer \u00f6zellikler hakk\u0131nda bilgi almak i\u00e7in listeden\n                        bir se\u00e7im yapabilirsiniz.\n                    <\/p>\n                <\/aside>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<div id=\"system-ozellik-modal\" class=\"system-ozellik-modal\" aria-hidden=\"true\">\n    <button type=\"button\" class=\"system-ozellik-modal__overlay\" data-modal-close tabindex=\"-1\"\n        aria-label=\"Bilgi penceresini kapat\"><\/button>\n\n    <div class=\"system-ozellik-modal__dialog\" role=\"dialog\" aria-modal=\"true\"\n        aria-labelledby=\"system-ozellik-modal-title\" aria-describedby=\"system-ozellik-modal-description\" tabindex=\"-1\">\n        <button type=\"button\" class=\"system-ozellik-modal__close\" data-modal-close aria-label=\"Bilgi penceresini kapat\">\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <path d=\"M6 6l12 12\"><\/path>\n                <path d=\"M18 6L6 18\"><\/path>\n            <\/svg>\n        <\/button>\n\n        <span class=\"system-ozellik-modal__eyebrow\">\n            \u00d6zellik Detay\u0131\n        <\/span>\n\n        <h3 id=\"system-ozellik-modal-title\" class=\"system-ozellik-modal__title\"><\/h3>\n\n        <p id=\"system-ozellik-modal-description\" class=\"system-ozellik-modal__description\"><\/p>\n\n        <div class=\"system-ozellik-modal__footer\">\n            <p class=\"system-ozellik-modal__hint\">\n                T\u00fcm \u00f6zellikleri ke\u015ffetmek i\u00e7in listedeki di\u011fer se\u00e7eneklere de g\u00f6z atabilirsiniz.\n            <\/p>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    (function () {\n        \"use strict\";\n\n        const section = document.getElementById(\"system-ozellik-section\");\n        const modal = document.getElementById(\"system-ozellik-modal\");\n\n        if (!section || !modal) {\n            return;\n        }\n\n        const breakpoint = window.matchMedia(\"(max-width: 1024px)\");\n\n        const triggers = Array.from(\n            section.querySelectorAll(\"[data-component-trigger]\")\n        );\n\n        const items = Array.from(\n            section.querySelectorAll(\"[data-component-item]\")\n        );\n\n        const detailContent = section.querySelector(\n            \".system-ozellik-detail-content\"\n        );\n\n        const detailWrap = section.querySelector(\n            \".system-ozellik-detail-wrap\"\n        );\n\n        const detailPanel = section.querySelector(\n            \".system-ozellik-detail\"\n        );\n\n        const detailTitle = section.querySelector(\n            \".system-ozellik-detail-title\"\n        );\n\n        const detailDescription = section.querySelector(\n            \".system-ozellik-detail-description\"\n        );\n\n        const modalDialog = modal.querySelector(\n            \".system-ozellik-modal__dialog\"\n        );\n\n        const modalTitle = modal.querySelector(\n            \".system-ozellik-modal__title\"\n        );\n\n        const modalDescription = modal.querySelector(\n            \".system-ozellik-modal__description\"\n        );\n\n        const modalCloseButtons = modal.querySelectorAll(\n            \"[data-modal-close]\"\n        );\n\n        let lastFocusedElement = null;\n        let detailTimer = null;\n        let stickyFrame = null;\n        let stickyMode = \"\";\n\n        function getStickyOffset() {\n            return window.innerHeight <= 720 ? 24 : 120;\n        }\n\n        function setStickyMode(mode, wrapRect) {\n            if (!detailPanel) {\n                return;\n            }\n\n            if (stickyMode !== mode) {\n                detailPanel.classList.toggle(\"is-fixed\", mode === \"fixed\");\n                detailPanel.classList.toggle(\"is-bottom\", mode === \"bottom\");\n                stickyMode = mode;\n            }\n\n            if (mode === \"fixed\" && wrapRect) {\n                detailPanel.style.left = wrapRect.left + \"px\";\n                detailPanel.style.width = wrapRect.width + \"px\";\n                return;\n            }\n\n            if (mode === \"bottom\" && wrapRect) {\n                detailPanel.style.left = \"\";\n                detailPanel.style.width = wrapRect.width + \"px\";\n                return;\n            }\n\n            detailPanel.style.left = \"\";\n            detailPanel.style.width = \"\";\n        }\n\n        function clearStickyFallback() {\n            if (detailWrap) {\n                detailWrap.style.removeProperty(\"--system-ozellik-detail-height\");\n            }\n\n            setStickyMode(\"normal\");\n        }\n\n        function updateStickyFallback() {\n            stickyFrame = null;\n\n            if (!detailWrap || !detailPanel || breakpoint.matches) {\n                clearStickyFallback();\n                return;\n            }\n\n            const offset = getStickyOffset();\n            const wrapRect = detailWrap.getBoundingClientRect();\n            const panelHeight = detailPanel.offsetHeight;\n\n            detailWrap.style.setProperty(\n                \"--system-ozellik-detail-height\",\n                panelHeight + \"px\"\n            );\n\n            if (wrapRect.height <= panelHeight) {\n                setStickyMode(\"normal\");\n                return;\n            }\n\n            if (wrapRect.top > offset) {\n                setStickyMode(\"normal\");\n                return;\n            }\n\n            if (wrapRect.bottom - panelHeight <= offset) {\n                setStickyMode(\"bottom\", wrapRect);\n                return;\n            }\n\n            setStickyMode(\"fixed\", wrapRect);\n        }\n\n        function requestStickyUpdate() {\n            if (stickyFrame !== null) {\n                return;\n            }\n\n            stickyFrame = window.requestAnimationFrame(updateStickyFallback);\n        }\n\n        function setActiveState(button) {\n            const activeItem = button.closest(\"[data-component-item]\");\n\n            triggers.forEach(function (trigger) {\n                trigger.setAttribute(\"aria-pressed\", \"false\");\n            });\n\n            items.forEach(function (item) {\n                item.classList.remove(\"is-active\");\n            });\n\n            button.setAttribute(\"aria-pressed\", \"true\");\n\n            if (activeItem) {\n                activeItem.classList.add(\"is-active\");\n            }\n        }\n\n        function updateDesktopDetail(button) {\n            const title = button.dataset.title || \"\";\n            const description = button.dataset.description || \"\";\n\n            setActiveState(button);\n\n            window.clearTimeout(detailTimer);\n            detailContent.classList.add(\"is-changing\");\n\n            detailTimer = window.setTimeout(function () {\n                detailTitle.textContent = title;\n                detailDescription.textContent = description;\n                detailContent.classList.remove(\"is-changing\");\n                requestStickyUpdate();\n            }, 160);\n        }\n\n        function getFocusableElements() {\n            return Array.from(\n                modalDialog.querySelectorAll(\n                    'a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n                )\n            );\n        }\n\n        function openModal(button) {\n            lastFocusedElement = button;\n\n            modalTitle.textContent = button.dataset.title || \"\";\n            modalDescription.textContent =\n                button.dataset.description || \"\";\n\n            modal.classList.add(\"is-open\");\n            modal.setAttribute(\"aria-hidden\", \"false\");\n            document.body.classList.add(\n                \"system-ozellik-modal-open\"\n            );\n\n            window.setTimeout(function () {\n                const closeButton = modal.querySelector(\n                    \".system-ozellik-modal__close\"\n                );\n\n                if (closeButton) {\n                    closeButton.focus();\n                }\n            }, 20);\n        }\n\n        function closeModal() {\n            if (!modal.classList.contains(\"is-open\")) {\n                return;\n            }\n\n            modal.classList.remove(\"is-open\");\n            modal.setAttribute(\"aria-hidden\", \"true\");\n            document.body.classList.remove(\n                \"system-ozellik-modal-open\"\n            );\n\n            if (lastFocusedElement) {\n                lastFocusedElement.focus();\n            }\n\n            lastFocusedElement = null;\n        }\n\n        section.addEventListener(\"click\", function (event) {\n            let button = event.target.closest(\n                \"[data-component-trigger]\"\n            );\n\n            if (!button) {\n                const item = event.target.closest(\"[data-component-item]\");\n\n                if (item && section.contains(item)) {\n                    button = item.querySelector(\"[data-component-trigger]\");\n                }\n            }\n\n            if (!button) {\n                return;\n            }\n\n            if (breakpoint.matches) {\n                setActiveState(button);\n                openModal(button);\n            } else {\n                updateDesktopDetail(button);\n                requestStickyUpdate();\n            }\n        });\n\n        modalCloseButtons.forEach(function (button) {\n            button.addEventListener(\"click\", closeModal);\n        });\n\n        document.addEventListener(\"keydown\", function (event) {\n            if (!modal.classList.contains(\"is-open\")) {\n                return;\n            }\n\n            if (event.key === \"Escape\") {\n                event.preventDefault();\n                closeModal();\n                return;\n            }\n\n            if (event.key !== \"Tab\") {\n                return;\n            }\n\n            const focusable = getFocusableElements();\n\n            if (!focusable.length) {\n                event.preventDefault();\n                modalDialog.focus();\n                return;\n            }\n\n            const first = focusable[0];\n            const last = focusable[focusable.length - 1];\n\n            if (\n                event.shiftKey &&\n                document.activeElement === first\n            ) {\n                event.preventDefault();\n                last.focus();\n            } else if (\n                !event.shiftKey &&\n                document.activeElement === last\n            ) {\n                event.preventDefault();\n                first.focus();\n            }\n        });\n\n        window.addEventListener(\"scroll\", requestStickyUpdate, { passive: true });\n        window.addEventListener(\"resize\", requestStickyUpdate, { passive: true });\n        window.addEventListener(\"load\", requestStickyUpdate);\n\n        function handleBreakpointChange(event) {\n            if (!event.matches) {\n                closeModal();\n            }\n\n            requestStickyUpdate();\n        }\n\n        if (typeof breakpoint.addEventListener === \"function\") {\n            breakpoint.addEventListener(\"change\", handleBreakpointChange);\n        } else if (typeof breakpoint.addListener === \"function\") {\n            breakpoint.addListener(handleBreakpointChange);\n        }\n\n        requestStickyUpdate();\n    })();\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1774557541726 wd-rs-69c599618636f wd-section-stretch-content-no-pd\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n    .pmk-ref {\n        --pmk-ref-blue: #0a5982;\n        --pmk-ref-green: #6f9540;\n        --pmk-ref-ink: #14202a;\n        --pmk-ref-muted: #5c6973;\n        --pmk-ref-soft: #f5f8f4;\n        --pmk-ref-line: #dfe7df;\n        --pmk-ref-card: #ffffff;\n        --pmk-ref-dark: #101827;\n\n        background: linear-gradient(180deg, #ffffff 0%, #f6f8f5 100%);\n        color: var(--pmk-ref-ink);\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n        position: relative;\n        left: 50%;\n        right: 50%;\n        width: 100vw;\n        max-width: 100vw;\n        margin-left: -50vw;\n        margin-right: -50vw;\n        padding: 0 0;\n        overflow: hidden;\n        box-sizing: border-box;\n    }\n\n    .pmk-ref *,\n    .pmk-ref *::before,\n    .pmk-ref *::after {\n        box-sizing: inherit;\n    }\n\n    .pmk-ref__container {\n        width: 100%;\n        max-width: none;\n        margin: 0 auto;\n        min-width: 0;\n    }\n\n    .pmk-ref__header {\n        display: grid;\n        grid-template-columns: minmax(0, 1fr) minmax(280px, .62fr);\n        width: min(1300px, calc(100% - 48px));\n        gap: 42px;\n        align-items: end;\n        margin: 0 auto 32px;\n    }\n\n    .pmk-ref__eyebrow {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        color: var(--pmk-ref-blue);\n        font-size: 13px;\n        font-weight: 800;\n        letter-spacing: .08em;\n        text-transform: uppercase;\n        margin-bottom: 14px;\n    }\n\n    .pmk-ref__eyebrow::before {\n        content: \"\";\n        width: 36px;\n        height: 3px;\n        border-radius: 99px;\n        background: var(--pmk-ref-green);\n    }\n\n    .pmk-ref__title {\n        max-width: 780px;\n        font-size: clamp(32px, 4.2vw, 52px);\n        font-weight: 850;\n        letter-spacing: 0;\n        line-height: 1.05;\n        margin: 0;\n    }\n\n    .pmk-ref__intro {\n        min-width: 0;\n        max-width: 100%;\n        color: var(--pmk-ref-muted);\n        font-size: 16px;\n        line-height: 1.75;\n        margin: 0;\n        overflow-wrap: anywhere;\n        word-break: normal;\n    }\n\n    .pmk-ref__cta-row {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 12px;\n        margin-top: 26px;\n    }\n\n    .pmk-ref__button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-height: 48px;\n        border: 1px solid transparent;\n        border-radius: 8px;\n        font-size: 15px;\n        font-weight: 800;\n        line-height: 1;\n        text-decoration: none;\n        padding: 15px 20px;\n        transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;\n    }\n\n    .pmk-ref__button:focus {\n        outline: 3px solid rgba(111, 149, 64, .28);\n        outline-offset: 3px;\n    }\n\n    .pmk-ref__button--primary {\n        background: var(--pmk-ref-blue);\n        color: #fff;\n    }\n\n    .pmk-ref__button--secondary,\n    .pmk-ref__cta-row a[href=\"#referanslar\"] {\n        display: none !important;\n    }\n\n    .pmk-ref__grid {\n        display: grid;\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n        width: min(1300px, calc(100% - 48px));\n        gap: 16px;\n        margin: 0 auto 66px;\n    }\n\n    .pmk-ref__card {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        min-height: 280px;\n        min-width: 0;\n        border: 1px solid var(--pmk-ref-line);\n        border-radius: 8px;\n        background:\n            linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .9) 100%),\n            radial-gradient(circle at 16% 0%, rgba(111, 149, 64, .16), transparent 38%);\n        padding: 24px;\n        box-shadow: 0 18px 46px rgba(10, 36, 54, .07);\n        overflow: hidden;\n        transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;\n    }\n\n    .pmk-ref__card::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: linear-gradient(90deg, var(--pmk-ref-blue), var(--pmk-ref-green));\n    }\n\n    .pmk-ref__card-top {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 18px;\n        margin-bottom: 24px;\n    }\n\n    .pmk-ref__sector {\n        display: inline-flex;\n        align-items: center;\n        min-height: 30px;\n        border: 1px solid rgba(10, 89, 130, .12);\n        border-radius: 999px;\n        background: #f7faf7;\n        color: var(--pmk-ref-blue);\n        font-size: 12px;\n        font-weight: 850;\n        letter-spacing: .05em;\n        line-height: 1;\n        text-transform: uppercase;\n        padding: 8px 11px;\n    }\n\n    .pmk-ref__case-no {\n        color: rgba(10, 89, 130, .16);\n        font-size: 44px;\n        font-weight: 900;\n        line-height: .78;\n        letter-spacing: 0;\n    }\n\n    .pmk-ref__logo,\n    .pmk-ref__card-meta {\n        display: none !important;\n    }\n\n    .pmk-ref__card h3 {\n        color: var(--pmk-ref-ink);\n        font-size: 21px;\n        font-weight: 850;\n        line-height: 1.24;\n        margin: 0 0 12px;\n        overflow-wrap: anywhere;\n    }\n\n    .pmk-ref__card p {\n        color: var(--pmk-ref-muted);\n        font-size: 14px;\n        line-height: 1.65;\n        margin: 0;\n        overflow-wrap: anywhere;\n    }\n\n    .pmk-ref__result {\n        display: grid;\n        gap: 5px;\n        margin-top: auto;\n        padding-top: 22px;\n    }\n\n    .pmk-ref__result-label {\n        color: var(--pmk-ref-green);\n        font-size: 11px;\n        font-weight: 850;\n        letter-spacing: .08em;\n        line-height: 1;\n        text-transform: uppercase;\n    }\n\n    .pmk-ref__result-text {\n        color: var(--pmk-ref-ink);\n        font-size: 14px;\n        font-weight: 800;\n        line-height: 1.35;\n    }\n\n    .pmk-ref__form-wrap {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        border-radius: 0;\n        background:\n            radial-gradient(circle at 18% 22%, rgba(255, 255, 255, .17), transparent 34%),\n            linear-gradient(135deg, #0a5982 0%, #153653 46%, #101827 100%);\n        box-shadow: 0 22px 64px rgba(10, 36, 54, .14);\n        overflow: hidden;\n        scroll-margin-top: 96px;\n    }\n\n    .pmk-ref__form-inner {\n        display: grid;\n        grid-template-columns: minmax(0, .9fr) minmax(360px, 1fr);\n        align-items: stretch;\n        width: min(1300px, calc(100% - 48px));\n        min-width: 0;\n        margin: 0 auto;\n    }\n\n    .pmk-ref__form-info {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        min-height: 520px;\n        padding: 44px;\n        color: #fff;\n        isolation: isolate;\n        min-width: 0;\n    }\n\n    .pmk-ref__form-info::before {\n        content: \"?\";\n        position: absolute;\n        left: -24px;\n        bottom: -130px;\n        z-index: -1;\n        color: rgba(255, 255, 255, .08);\n        font-size: 460px;\n        font-weight: 900;\n        line-height: .75;\n    }\n\n    .pmk-ref__form-kicker {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        color: rgba(255, 255, 255, .84);\n        font-size: 13px;\n        font-weight: 850;\n        letter-spacing: .08em;\n        text-transform: uppercase;\n        margin-bottom: 22px;\n    }\n\n    .pmk-ref__form-kicker::before {\n        content: \"\";\n        width: 34px;\n        height: 3px;\n        border-radius: 999px;\n        background: var(--pmk-ref-green);\n    }\n\n    .pmk-ref__form-info h3 {\n        max-width: 520px;\n        font-size: clamp(32px, 4.2vw, 54px);\n        font-weight: 900;\n        letter-spacing: 0;\n        line-height: 1.05;\n        margin: 0 0 24px;\n        color: #ffffff;\n    }\n\n    .pmk-ref__form-info p {\n        max-width: 560px;\n        color: rgba(255, 255, 255, .86);\n        font-size: 16px;\n        line-height: 1.65;\n        margin: 0;\n    }\n\n    .pmk-ref__form-card {\n        min-width: 0;\n        margin: 26px 0 26px 28px;\n        border-radius: 8px;\n        background: #fff;\n        padding: 28px;\n        align-self: center;\n    }\n\n    .pmk-ref__form-title {\n        color: var(--pmk-ref-dark);\n        font-size: clamp(24px, 2.7vw, 34px);\n        font-weight: 900;\n        line-height: 1.2;\n        text-align: center;\n        margin: 0 0 22px;\n    }\n\n    .pmk-ref__form-title span {\n        color: var(--pmk-ref-blue);\n    }\n\n    .pmk-ref__form {\n        display: grid;\n        gap: 14px;\n        min-width: 0;\n    }\n\n    .pmk-ref__form .wpcf7 {\n        min-width: 0;\n    }\n\n    .pmk-ref__form .wpcf7-form {\n        display: grid;\n        gap: 14px;\n        min-width: 0;\n        margin: 0;\n    }\n\n    .pmk-ref__form .wpcf7-form p {\n        margin: 0;\n    }\n\n    .pmk-ref__fields {\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 12px 16px;\n        min-width: 0;\n    }\n\n    .pmk-ref__field {\n        display: grid;\n        gap: 7px;\n        min-width: 0;\n    }\n\n    .pmk-ref__field--wide {\n        grid-column: 1 \/ -1;\n    }\n\n    .pmk-ref__field label {\n        color: #343d45;\n        font-size: 14px;\n        font-weight: 750;\n        line-height: 1.3;\n    }\n\n    .pmk-ref__form .wpcf7-form label {\n        display: grid;\n        gap: 7px;\n        color: #343d45;\n        font-size: 14px;\n        font-weight: 750;\n        line-height: 1.3;\n    }\n\n    .pmk-ref__field input,\n    .pmk-ref__field select,\n    .pmk-ref__field textarea,\n    .pmk-ref__form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):not(.wpcf7-checkbox):not(.wpcf7-radio) {\n        max-width: 100%;\n        width: 100%;\n        min-height: 44px;\n        border: 1px solid #d7dde2;\n        border-radius: 6px;\n        background: #fff;\n        color: var(--pmk-ref-ink);\n        font: inherit;\n        font-size: 15px;\n        padding: 10px 12px;\n        transition: border-color .2s ease, box-shadow .2s ease;\n    }\n\n    .pmk-ref__field textarea,\n    .pmk-ref__form textarea.wpcf7-form-control {\n        min-height: 108px;\n        resize: vertical;\n    }\n\n    .pmk-ref__field input:focus,\n    .pmk-ref__field select:focus,\n    .pmk-ref__field textarea:focus,\n    .pmk-ref__form .wpcf7-form-control:not(.wpcf7-submit):focus {\n        outline: none;\n        border-color: var(--pmk-ref-blue);\n        box-shadow: 0 0 0 3px rgba(10, 89, 130, .14);\n    }\n\n    .pmk-ref__form .wpcf7-list-item {\n        margin: 0;\n    }\n\n    .pmk-ref__form .wpcf7-acceptance label {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        color: #66717b;\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 1.55;\n    }\n\n    .pmk-ref__form .wpcf7-acceptance input {\n        flex: 0 0 auto;\n        width: 20px;\n        height: 20px;\n        margin-top: 1px;\n        accent-color: var(--pmk-ref-blue);\n    }\n\n    .pmk-ref__consent {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        color: #66717b;\n        font-size: 13px;\n        line-height: 1.55;\n    }\n\n    .pmk-ref__consent input {\n        flex: 0 0 auto;\n        width: 20px;\n        height: 20px;\n        margin-top: 1px;\n        accent-color: var(--pmk-ref-blue);\n    }\n\n    .pmk-ref__consent a {\n        color: var(--pmk-ref-blue);\n        font-weight: 800;\n    }\n\n    .pmk-ref__submit,\n    .pmk-ref__form .wpcf7-submit {\n        width: 100%;\n        min-height: 50px;\n        border: 0;\n        border-radius: 8px;\n        background: var(--pmk-ref-blue);\n        color: #fff;\n        cursor: pointer;\n        font: inherit;\n        font-size: 16px;\n        font-weight: 900;\n        padding: 15px 20px;\n        transition: background-color .2s ease, transform .2s ease;\n    }\n\n    .pmk-ref__submit:focus,\n    .pmk-ref__form .wpcf7-submit:focus {\n        outline: 3px solid rgba(111, 149, 64, .28);\n        outline-offset: 3px;\n    }\n\n    .pmk-ref__form .wpcf7-spinner {\n        margin: 0 0 0 10px;\n    }\n\n    .pmk-ref__form .wpcf7-response-output {\n        margin: 0;\n        border-radius: 8px;\n        font-size: 13px;\n        line-height: 1.5;\n        padding: 10px 12px;\n    }\n\n    @media (hover: hover) {\n        .pmk-ref__button:hover,\n        .pmk-ref__submit:hover {\n            transform: translateY(-1px);\n        }\n\n        .pmk-ref__button--primary:hover,\n        .pmk-ref__submit:hover {\n            background: #084866;\n        }\n\n        .pmk-ref__card:hover {\n            transform: translateY(-4px);\n            border-color: rgba(10, 89, 130, .32);\n            box-shadow: 0 22px 56px rgba(10, 36, 54, .12);\n        }\n    }\n\n    @media (max-width: 1080px) {\n        .pmk-ref__grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        .pmk-ref__form-inner {\n            grid-template-columns: 1fr;\n        }\n\n        .pmk-ref__form-info {\n            min-height: auto;\n            padding: 38px;\n        }\n\n        .pmk-ref__form-card {\n            margin-top: 0;\n        }\n    }\n\n    @media (max-width: 860px) {\n        .pmk-ref {\n            padding: 70px 0;\n        }\n\n        .pmk-ref__header {\n            grid-template-columns: 1fr;\n            gap: 18px;\n        }\n\n    }\n\n    @media (max-width: 620px) {\n        .pmk-ref {\n            padding: 54px 0;\n        }\n\n        .pmk-ref__title {\n            font-size: 32px;\n        }\n\n        .pmk-ref__form-inner {\n            width: min(1300px, calc(100% - 48px));\n            max-width: 100%;\n            min-width: 0;\n        }\n\n        .pmk-ref__intro,\n        .pmk-ref__card h3,\n        .pmk-ref__card p,\n        .pmk-ref__form-info h3,\n        .pmk-ref__form-info p,\n        .pmk-ref__form-title,\n        .pmk-ref__consent {\n            overflow-wrap: anywhere;\n        }\n\n        .pmk-ref__cta-row,\n        .pmk-ref__button {\n            width: 100%;\n        }\n\n        .pmk-ref__grid {\n            grid-template-columns: 1fr;\n            margin-bottom: 44px;\n        }\n\n        .pmk-ref__card {\n            min-height: auto;\n            padding: 20px;\n        }\n\n        .pmk-ref__card-top {\n            margin-bottom: 20px;\n        }\n\n        .pmk-ref__case-no {\n            font-size: 38px;\n        }\n\n        .pmk-ref__form-info {\n            padding: 30px 22px;\n        }\n\n        .pmk-ref__form-info::before {\n            left: auto;\n            right: -40px;\n            bottom: -80px;\n            font-size: 320px;\n        }\n\n        .pmk-ref__form-info h3 {\n            font-size: 32px;\n        }\n\n        .pmk-ref__form-card {\n            margin: 0;\n            border-radius: 8px;\n            padding: 22px 18px;\n        }\n\n        .pmk-ref__fields {\n            grid-template-columns: 1fr;\n        }\n\n        .pmk-ref__form-title {\n            text-align: left;\n        }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n        .pmk-ref__button,\n        .pmk-ref__card,\n        .pmk-ref__submit,\n        .pmk-ref__field input,\n        .pmk-ref__field select,\n        .pmk-ref__field textarea {\n            transition: none;\n        }\n    }\n\n    .pmk-ref .pmk-ref__card>.pmk-ref__logo,\n    .pmk-ref .pmk-ref__card>.pmk-ref__card-meta {\n        display: none !important;\n    }\n<\/style>\n\n<section class=\"pmk-ref\" aria-labelledby=\"pmk-ref-title\">\n    <div class=\"pmk-ref__container\">\n        <header class=\"pmk-ref__header\">\n            <div>\n                <span class=\"pmk-ref__eyebrow\">Referanslar\u0131m\u0131z<\/span>\n                <h2 class=\"pmk-ref__title\" id=\"pmk-ref-title\">\n                    Sahada kar\u015f\u0131l\u0131\u011f\u0131 olan projelerle i\u015fletmelerin yan\u0131nday\u0131z\n                <\/h2>\n                <div class=\"pmk-ref__cta-row\">\n                    <a href=\"#referans-teklif-formu\" class=\"pmk-ref__button pmk-ref__button--primary\">Teklif Al<\/a>\n                <\/div>\n            <\/div>\n            <p class=\"pmk-ref__intro\">\n                Akaryak\u0131t, market, filo ve saha operasyonlar\u0131nda farkl\u0131 \u00f6l\u00e7eklerdeki i\u015fletmeler i\u00e7in s\u00fcrd\u00fcr\u00fclebilir,\n                izlenebilir ve operasyonu kolayla\u015ft\u0131ran otomasyon yap\u0131lar\u0131 kuruyoruz.\n            <\/p>\n        <\/header>\n\n        <div class=\"pmk-ref__grid\" id=\"referanslar\">\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Akaryak\u0131t<\/span>\n                    <span class=\"pmk-ref__case-no\">01<\/span>\n                <\/div>\n                <h3>Akaryak\u0131t istasyon zincirleri<\/h3>\n                <p>\u00c7ok \u015fubeli yap\u0131larda pompa, tank, kasa ve merkez raporlar\u0131n\u0131 ayn\u0131 sistem alt\u0131nda birle\u015ftirir.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Merkezden izlenen saha operasyonu<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Filo<\/span>\n                    <span class=\"pmk-ref__case-no\">02<\/span>\n                <\/div>\n                <h3>Filo ve yak\u0131t y\u00f6netimi<\/h3>\n                <p>Ara\u00e7, s\u00fcr\u00fcc\u00fc ve t\u00fcketim verilerini izlenebilir hale getirerek yak\u0131t maliyetlerini kontrol eder.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Ara\u00e7 bazl\u0131 t\u00fcketim g\u00f6r\u00fcn\u00fcrl\u00fc\u011f\u00fc<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Market<\/span>\n                    <span class=\"pmk-ref__case-no\">03<\/span>\n                <\/div>\n                <h3>Market ve ma\u011faza operasyonlar\u0131<\/h3>\n                <p>Market sat\u0131\u015flar\u0131n\u0131, stok hareketlerini ve kasa s\u00fcre\u00e7lerini istasyon operasyonuyla birlikte y\u00f6netir.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Stok, kasa ve sat\u0131\u015f takibi<\/span>\n                <\/div>\n            <\/article>\n\n            <article class=\"pmk-ref__card\">\n                <div class=\"pmk-ref__card-top\">\n                    <span class=\"pmk-ref__sector\">Raporlama<\/span>\n                    <span class=\"pmk-ref__case-no\">04<\/span>\n                <\/div>\n                <h3>Kurumsal raporlama ekipleri<\/h3>\n                <p>Merkez ekiplerinin sat\u0131\u015f, stok, cari ve saha performans\u0131n\u0131 anla\u015f\u0131l\u0131r raporlarla takip etmesini sa\u011flar.<\/p>\n                <div class=\"pmk-ref__result\">\n                    <span class=\"pmk-ref__result-label\">Referans kapsam\u0131<\/span>\n                    <span class=\"pmk-ref__result-text\">Karar destek raporlar\u0131<\/span>\n                <\/div>\n            <\/article>\n        <\/div>\n\n        <div class=\"pmk-ref__form-wrap\" id=\"referans-teklif-formu\">\n            <div class=\"pmk-ref__form-inner\">\n                <div class=\"pmk-ref__form-info\">\n                    <span class=\"pmk-ref__form-kicker\">Teklif Talebi<\/span>\n                    <h3>Projeniz i\u00e7in do\u011fru yap\u0131y\u0131 birlikte planlayal\u0131m<\/h3>\n                    <p>\n                        \u0130\u015fletmenizin \u00f6l\u00e7e\u011fini, saha yap\u0131s\u0131n\u0131 ve ihtiya\u00e7lar\u0131n\u0131 payla\u015f\u0131n. Ekibimiz size uygun \u00e7\u00f6z\u00fcm\n                        kapsam\u0131 ve teklif \u00e7al\u0131\u015fmas\u0131 i\u00e7in en k\u0131sa s\u00fcrede geri d\u00f6n\u00fc\u015f yaps\u0131n.\n                    <\/p>\n                <\/div>\n\n                <div class=\"pmk-ref__form-card\">\n                    <h3 class=\"pmk-ref__form-title\">\n                        Teklif almak i\u00e7in formu doldurun, <span>sizi arayal\u0131m.<\/span>\n                    <\/h3>\n\n                    <div class=\"pmk-ref__form\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f14412-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"14412\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/14401#wpcf7-f14412-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"14412\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f14412-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"pmk-ref__fields\">\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>Ad Soyad*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"ad-soyad\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"ad-soyad\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>E-posta Adresi<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"eposta\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"eposta\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>Cep Telefonu*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"telefon\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" autocomplete=\"tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"telefon\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field\">\n\t\t<p><label>Firma Ad\u0131<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"firma\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" autocomplete=\"organization\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"firma\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field pmk-ref__field--wide\">\n\t\t<p><label>Pozisyonunuz<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"pozisyon\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"pozisyon\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field pmk-ref__field--wide\">\n\t\t<p><label>Konu*<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"konu\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"konu\"><option value=\"\">&#8212;Please choose an option&#8212;<\/option><option value=\"Teklif talebi\">Teklif talebi<\/option><option value=\"Demo talebi\">Demo talebi<\/option><option value=\"Referanslar hakk\u0131nda bilgi\">Referanslar hakk\u0131nda bilgi<\/option><option value=\"Teknik g\u00f6r\u00fc\u015fme\">Teknik g\u00f6r\u00fc\u015fme<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"pmk-ref__field pmk-ref__field--wide\">\n\t\t<p><label>Mesaj<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"mesaj\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"\u0130htiyac\u0131n\u0131z\u0131, lokasyon say\u0131n\u0131z\u0131 veya ilgilendi\u011finiz \u00e7\u00f6z\u00fcm\u00fc k\u0131saca yazabilirsiniz.\" name=\"mesaj\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<p><label class=\"pmk-ref__consent\"><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"kvkk-onay\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><input type=\"checkbox\" name=\"kvkk-onay\" value=\"1\" aria-invalid=\"false\" \/><\/span><\/span><\/span> 6698 say\u0131l\u0131 Ki\u015fisel Verilerin Korunmas\u0131 Kanunu kapsam\u0131nda ileti\u015fime ge\u00e7ilmesini kabul ediyorum.<br \/>\n<\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner pmk-ref__submit\" type=\"submit\" value=\"G\u00f6nder\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"POMPA OTOMASYON S\u0130STEMLER\u0130 \u0130stasyonunuzu Tek Merkezden Y\u00f6netin Pompa y\u00f6netimi, sat\u0131\u015f, vardiya ve fiyat s\u00fcre\u00e7lerini tek platformda y\u00f6neterek akaryak\u0131t istasyonlar\u0131n\u0131zda g\u00fcvenli","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-14401","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Ak\u0131ll\u0131 Kontrol Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Pompa Otomasyon \u00c7\u00f6z\u00fcmleri Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Gilbarco | Turpak - Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri - Gilbarco | Turpak\" \/>\n\t\t<meta property=\"og:description\" content=\"Ak\u0131ll\u0131 Kontrol Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Pompa Otomasyon \u00c7\u00f6z\u00fcmleri Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png\" \/>\n\t\t<meta property=\"og:image:width\" content=\"220\" \/>\n\t\t<meta property=\"og:image:height\" content=\"100\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-07-11T08:02:20+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-21T22:38:55+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Turpak-202982326394151\/\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri - Gilbarco | Turpak\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Ak\u0131ll\u0131 Kontrol Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Pompa Otomasyon \u00c7\u00f6z\u00fcmleri Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en#listItem\",\"position\":1,\"name\":\"Ana Sayfa\",\"item\":\"https:\\\/\\\/turpak.com.tr\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/#listItem\",\"name\":\"Pompa Otomasyon \\u00c7\\u00f6z\\u00fcmleri\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/#listItem\",\"position\":2,\"name\":\"Pompa Otomasyon \\u00c7\\u00f6z\\u00fcmleri\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en#listItem\",\"name\":\"Ana Sayfa\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#organization\",\"name\":\"Turpak\",\"description\":\"Liderlerin \\u00c7\\u00f6z\\u00fcm Orta\\u011f\\u0131\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/\",\"telephone\":\"+908506000877\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/sticky-logo.png\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/#organizationLogo\",\"width\":220,\"height\":100,\"caption\":\"Turpak Logo\"},\"image\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Turpak-202982326394151\\\/\",\"https:\\\/\\\/www.instagram.com\\\/turpakelektromanyetik\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/turpakotomasyon\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/turpak?trk=ppro_cprof\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/#webpage\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/\",\"name\":\"Pompa Otomasyon \\u00c7\\u00f6z\\u00fcmleri - Gilbarco | Turpak\",\"description\":\"Ak\\u0131ll\\u0131 Kontrol Pompa otomasyon \\u00e7\\u00f6z\\u00fcmlerimiz; akaryak\\u0131t istasyonlar\\u0131nda sat\\u0131\\u015f, fiyatland\\u0131rma, vardiya ve pompa y\\u00f6netimini tek platform \\u00fczerinden kontrol etmenizi sa\\u011flar. Ger\\u00e7ek zamanl\\u0131 izleme, geli\\u015fmi\\u015f raporlama ve esnek entegrasyon \\u00f6zellikleriyle operasyonlar\\u0131n\\u0131z\\u0131 daha verimli, g\\u00fcvenli ve s\\u00fcrd\\u00fcr\\u00fclebilir hale getirir. 6500+ \\u0130STASYON 81 \\u015eEH\\u0130R 2.5M TA\\u015eIT 25+ YIL %99 MEMNUN\\u0130YET Avantajlar\\u0131m\\u0131z Pompa Otomasyon \\u00c7\\u00f6z\\u00fcmleri Turpak olarak akaryak\\u0131t istasyonlar\\u0131n\\u0131z\\u0131n operasyonel\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/pompa-otomasyon-cozumleri\\\/#breadcrumblist\"},\"datePublished\":\"2026-07-11T11:02:20+03:00\",\"dateModified\":\"2026-07-22T01:38:55+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/\",\"name\":\"Turpak\",\"description\":\"Liderlerin \\u00c7\\u00f6z\\u00fcm Orta\\u011f\\u0131\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>Pompa Otomasyon \u00c7\u00f6z\u00fcmleri - Gilbarco | Turpak<\/title>\n\n","aioseo_head_json":{"title":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri - Gilbarco | Turpak","description":"Ak\u0131ll\u0131 Kontrol Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Pompa Otomasyon \u00c7\u00f6z\u00fcmleri Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel","canonical_url":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en#listItem","position":1,"name":"Ana Sayfa","item":"https:\/\/turpak.com.tr\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/#listItem","name":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri"}},{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/#listItem","position":2,"name":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri","previousItem":{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en#listItem","name":"Ana Sayfa"}}]},{"@type":"Organization","@id":"https:\/\/turpak.com.tr\/en\/#organization","name":"Turpak","description":"Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131","url":"https:\/\/turpak.com.tr\/en\/","telephone":"+908506000877","logo":{"@type":"ImageObject","url":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png","@id":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/#organizationLogo","width":220,"height":100,"caption":"Turpak Logo"},"image":{"@id":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/Turpak-202982326394151\/","https:\/\/www.instagram.com\/turpakelektromanyetik\/","https:\/\/www.youtube.com\/user\/turpakotomasyon","https:\/\/www.linkedin.com\/company\/turpak?trk=ppro_cprof"]},{"@type":"WebPage","@id":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/#webpage","url":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/","name":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri - Gilbarco | Turpak","description":"Ak\u0131ll\u0131 Kontrol Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Pompa Otomasyon \u00c7\u00f6z\u00fcmleri Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/turpak.com.tr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/#breadcrumblist"},"datePublished":"2026-07-11T11:02:20+03:00","dateModified":"2026-07-22T01:38:55+03:00"},{"@type":"WebSite","@id":"https:\/\/turpak.com.tr\/en\/#website","url":"https:\/\/turpak.com.tr\/en\/","name":"Turpak","description":"Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131","inLanguage":"en-US","publisher":{"@id":"https:\/\/turpak.com.tr\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Gilbarco | Turpak - Liderlerin \u00c7\u00f6z\u00fcm Orta\u011f\u0131","og:type":"article","og:title":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri - Gilbarco | Turpak","og:description":"Ak\u0131ll\u0131 Kontrol Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Pompa Otomasyon \u00c7\u00f6z\u00fcmleri Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel","og:url":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/","og:image":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png","og:image:secure_url":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png","og:image:width":220,"og:image:height":100,"article:published_time":"2026-07-11T08:02:20+00:00","article:modified_time":"2026-07-21T22:38:55+00:00","article:publisher":"https:\/\/www.facebook.com\/Turpak-202982326394151\/","twitter:card":"summary_large_image","twitter:title":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri - Gilbarco | Turpak","twitter:description":"Ak\u0131ll\u0131 Kontrol Pompa otomasyon \u00e7\u00f6z\u00fcmlerimiz; akaryak\u0131t istasyonlar\u0131nda sat\u0131\u015f, fiyatland\u0131rma, vardiya ve pompa y\u00f6netimini tek platform \u00fczerinden kontrol etmenizi sa\u011flar. Ger\u00e7ek zamanl\u0131 izleme, geli\u015fmi\u015f raporlama ve esnek entegrasyon \u00f6zellikleriyle operasyonlar\u0131n\u0131z\u0131 daha verimli, g\u00fcvenli ve s\u00fcrd\u00fcr\u00fclebilir hale getirir. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Pompa Otomasyon \u00c7\u00f6z\u00fcmleri Turpak olarak akaryak\u0131t istasyonlar\u0131n\u0131z\u0131n operasyonel","twitter:image":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png"},"aioseo_meta_data":{"post_id":"14401","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"seo_analyzer_scan_date":"2026-07-21 22:41:27","breadcrumb_settings":null,"limit_modified_date":false,"open_ai":null,"ai":{"faqs":[],"keyPoints":[],"schemas":[],"titles":[],"descriptions":[],"socialPosts":{"email":{"subject":"","preview":"","content":""},"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2026-07-11 07:54:07","updated":"2026-07-21 22:41:27"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/turpak.com.tr\/en\" title=\"Ana Sayfa\">Ana Sayfa<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\tPompa Otomasyon \u00c7\u00f6z\u00fcmleri\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Ana Sayfa","link":"https:\/\/turpak.com.tr\/en"},{"label":"Pompa Otomasyon \u00c7\u00f6z\u00fcmleri","link":"https:\/\/turpak.com.tr\/en\/pompa-otomasyon-cozumleri\/"}],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages\/14401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/comments?post=14401"}],"version-history":[{"count":1,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages\/14401\/revisions"}],"predecessor-version":[{"id":14405,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages\/14401\/revisions\/14405"}],"wp:attachment":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/media?parent=14401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}