{"id":14416,"date":"2026-07-22T01:14:16","date_gmt":"2026-07-21T22:14:16","guid":{"rendered":"https:\/\/turpak.com.tr\/?page_id=14416"},"modified":"2026-07-22T01:51:08","modified_gmt":"2026-07-21T22:51:08","slug":"yerustu-tank-otomasyon-sistemi","status":"publish","type":"page","link":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/","title":{"rendered":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi"},"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_1784674231866 vc_row-no-padding wd-rs-6a5ff7aab40b4\"><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\/mersin1.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                        YER\u00dcST\u00dc TANK OTOMASYON S\u0130STEMLER\u0130\n                    <\/div>\n\n                    <h2 class=\"tp-banner__title\">\n                       Sahada G\u00fcvenli ve Mobil Yak\u0131t Y\u00f6netimi\n                    <\/h2>\n\n                    <div class=\"tp-banner__separator\"><\/div>\n\n                    <p class=\"tp-banner__description\">\n                        \u015eantiye, maden ve saha operasyonlar\u0131 i\u00e7in geli\u015ftirilen mobil konteyner otomasyon sistemiyle yak\u0131t depolama, da\u011f\u0131t\u0131m ve otomasyonu tek \u00e7\u00f6z\u00fcmde birle\u015ftirin.\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>MOB\u0130L YAKIT \u00c7\u00d6Z\u00dcMLER\u0130<\/span>\n                <h2 class=\"pmk-who__title pmk-reveal\" data-reveal>\n                    Ta\u015f\u0131nabilir Akaryak\u0131t <br \/>\n                    \u0130stasyonu\n                <\/h2>\n                <p class=\"pmk-who__intro pmk-reveal\" data-reveal>\n                    Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar.\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                    Saha Operasyonlar\u0131na G\u00fc\u00e7 Katan Mobil Yak\u0131t \u00c7\u00f6z\u00fcmleri\n                <\/h2>\n\n                <p class=\"turpak-flows__intro\">\n                    Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama, da\u011f\u0131t\u0131m ve otomasyon s\u00fcre\u00e7lerini tek bir mobil \u00fcnitede bir araya getirerek sahada g\u00fcvenli, esnek ve verimli yak\u0131t y\u00f6netimi sa\u011flar.\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>Mobil Kullan\u0131m<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Esneklik\n                <\/span>\n\n                <p>\n\u015eantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda ihtiya\u00e7 duyulan yak\u0131t ikmalini bulundu\u011funuz noktaya ta\u015f\u0131yarak operasyonel esneklik sa\u011flar.<\/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>H\u0131zl\u0131 Kurulum<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Operasyon\n                <\/span>\n\n                <p>\nStandart konteyner yap\u0131s\u0131 sayesinde k\u0131sa s\u00fcrede kurulabilir ve ihtiya\u00e7 duyulan sahalarda h\u0131zla devreye al\u0131nabilir.               <\/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>G\u00fcvenli Depolama<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Depolama\n                <\/span>\n\n                <p>\nEntegre yak\u0131t tank\u0131 ve ta\u015fma havuzu yap\u0131s\u0131yla yak\u0131t\u0131n g\u00fcvenli \u015fekilde depolanmas\u0131na ve \u00e7evresel risklerin azalt\u0131lmas\u0131na katk\u0131 sa\u011flar.<\/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>Entegre Otomasyon<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Otomasyon\n                <\/span>\n\n                <p>\nYak\u0131t tank\u0131, pompa ve otomasyon altyap\u0131s\u0131n\u0131 tek sistemde birle\u015ftirerek t\u00fcm yak\u0131t s\u00fcre\u00e7lerini merkezi olarak y\u00f6netir.                <\/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>Y\u00fcksek Dayan\u0131kl\u0131l\u0131k<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Dayan\u0131kl\u0131l\u0131k\n                <\/span>\n\n                <p>\n                    Zorlu saha ko\u015fullar\u0131na uygun sa\u011flam konteyner yap\u0131s\u0131 sayesinde uzun \u00f6m\u00fcrl\u00fc ve g\u00fcvenilir kullan\u0131m sunar.\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>Kolay Ta\u015f\u0131nabilirlik<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Mobilite\n                <\/span>\n\n                <p>\nFarkl\u0131 \u00e7al\u0131\u015fma sahalar\u0131na kolayca ta\u015f\u0131nabilir yap\u0131s\u0131yla de\u011fi\u015fen operasyon ihtiya\u00e7lar\u0131na h\u0131zl\u0131 \u015fekilde uyum sa\u011flar.               <\/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>Mod\u00fcler Yap\u0131<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Uyarlanabilirlik\n                <\/span>\n\n                <p>\n                    Tank kapasitesi, pompa se\u00e7enekleri ve otomasyon bile\u015fenleri i\u015fletmenizin ihtiya\u00e7lar\u0131na g\u00f6re yap\u0131land\u0131r\u0131labilir.\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>Geli\u015fmi\u015f G\u00fcvenlik<\/h3>\n\n                <span class=\"turpak-flows__label\">\n                    Koruma\n                <\/span>\n\n                <p>\n                    Alarm sistemleri, gaz dedekt\u00f6rleri ve yang\u0131n g\u00fcvenli\u011fi gibi ilave \u00e7\u00f6z\u00fcmlerle saha operasyonlar\u0131nda g\u00fcvenlik seviyesini art\u0131r\u0131r.\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                TEK PLATFORM, TAM KONTROL\n            <\/span>\n\n            <h2 class=\"turpak-flow__title\" id=\"turpak-flow-title\">\n                Mobil Yak\u0131t Operasyonlar\u0131n\u0131z\u0131 G\u00fcvenle Y\u00f6netin\n            <\/h2>\n\n            <p class=\"turpak-flow__intro\">\n                Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama, ikmal ve otomasyon s\u00fcre\u00e7lerini tek platformda bir araya getirerek saha operasyonlar\u0131nda g\u00fcvenli, verimli ve kesintisiz yak\u0131t y\u00f6netimi sa\u011flar.\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                    Mobil Yak\u0131t \u0130stasyonu\n                <\/span>\n\n                <p>\n                   Yak\u0131t depolama ve ikmal s\u00fcre\u00e7lerini sahaya ta\u015f\u0131yarak operasyonlar\u0131n kesintisiz devam etmesini sa\u011flar.\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                    \u015eantiye ve Saha Operasyonlar\u0131\n                <\/span>\n\n                <p>\n                   \u0130n\u015faat, madencilik, lojistik, enerji ve mobil yak\u0131t ihtiyac\u0131 bulunan 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                    Entegre Sistem\n                <\/span>\n\n                <p>\n                    Depolama tank\u0131, pompa ve otomasyon sistemi tek konteyner i\u00e7erisinde birlikte \u00e7al\u0131\u015farak g\u00fcvenli yak\u0131t ikmali ger\u00e7ekle\u015ftirir.\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                    Mod\u00fcler Yap\u0131\n                <\/span>\n\n                <p>\n                    \u0130htiyaca g\u00f6re farkl\u0131 tank kapasiteleri, pompa se\u00e7enekleri ve otomasyon mod\u00fclleriyle yap\u0131land\u0131r\u0131labilir.\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                Mobil Konteyner Otomasyon Sisteminin G\u00fc\u00e7l\u00fc \u00d6zellikleri\n            <\/h2>\n\n            <p class=\"system-ozellik-intro\">\n                Yak\u0131t depolama, ikmal ve otomasyon s\u00fcre\u00e7lerini tek bir mobil \u00e7\u00f6z\u00fcmde bir araya getiren\n                Mobil Konteyner Otomasyon Sistemi ile saha operasyonlar\u0131n\u0131z\u0131 g\u00fcvenli, verimli ve\n                kesintisiz \u015fekilde y\u00f6netin.\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                                Depolama Tank\u0131\n                            <\/h3>\n                        <\/div>\n\n                        <button type=\"button\"\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"Depolama Tank\u0131\"\n                            data-description=\"Standart konteyner yap\u0131s\u0131na uygun farkl\u0131 kapasite se\u00e7enekleriyle g\u00fcvenli yak\u0131t depolama sa\u011flar. Tank yap\u0131s\u0131 i\u015fletmenin ihtiya\u00e7lar\u0131na g\u00f6re yap\u0131land\u0131r\u0131labilir.\"\n                            aria-controls=\"system-ozellik-detail\"\n                            aria-pressed=\"true\"\n                            aria-label=\"Bilgi Al\">\n\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\" fill=\"none\"\n                                stroke=\"currentColor\" stroke-width=\"2.5\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\">\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n                            <\/svg>\n\n                        <\/button>\n                    <\/div>\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n\n                    <div class=\"system-ozellik-item-inner\">\n\n                        <div class=\"system-ozellik-item-main\">\n\n                            <span class=\"system-ozellik-item-number\">02<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                \u0130kmal Pompas\u0131\n                            <\/h3>\n\n                        <\/div>\n\n                        <button type=\"button\"\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"\u0130kmal Pompas\u0131\"\n                            data-description=\"Farkl\u0131 debi ve tabanca se\u00e7enekleriyle saha ihtiya\u00e7lar\u0131na uygun yak\u0131t ikmal \u00e7\u00f6z\u00fcmleri sunar.\"\n                            aria-controls=\"system-ozellik-detail\"\n                            aria-label=\"Bilgi Al\">\n\n                            <svg class=\"system-ozellik-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2.5\">\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n                            <\/svg>\n\n                        <\/button>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n\n                    <div class=\"system-ozellik-item-inner\">\n\n                        <div class=\"system-ozellik-item-main\">\n\n                            <span class=\"system-ozellik-item-number\">03<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Mekanik Altyap\u0131\n                            <\/h3>\n\n                        <\/div>\n\n                        <button\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"Mekanik Altyap\u0131\"\n                            data-description=\"Akaryak\u0131t istasyonu standartlar\u0131nda mekanik ekipmanlarla uzun \u00f6m\u00fcrl\u00fc ve g\u00fcvenilir saha kullan\u0131m\u0131 sa\u011flar.\"\n                            aria-controls=\"system-ozellik-detail\">\n\n                            <svg class=\"system-ozellik-btn-icon\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2.5\">\n\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n\n                            <\/svg>\n\n                        <\/button>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n\n                    <div class=\"system-ozellik-item-inner\">\n\n                        <div class=\"system-ozellik-item-main\">\n\n                            <span class=\"system-ozellik-item-number\">04<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                End\u00fcstriyel Otomasyon\n                            <\/h3>\n\n                        <\/div>\n\n                        <button\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"End\u00fcstriyel Otomasyon\"\n                            data-description=\"\u0130stasyon otomasyonunun t\u00fcm temel fonksiyonlar\u0131n\u0131 mobil yap\u0131ya ta\u015f\u0131yarak yak\u0131t s\u00fcre\u00e7lerinin g\u00fcvenli \u015fekilde y\u00f6netilmesini sa\u011flar.\"\n                            aria-controls=\"system-ozellik-detail\">\n\n                            <svg class=\"system-ozellik-btn-icon\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2.5\">\n\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n\n                            <\/svg>\n\n                        <\/button>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n\n                    <div class=\"system-ozellik-item-inner\">\n\n                        <div class=\"system-ozellik-item-main\">\n\n                            <span class=\"system-ozellik-item-number\">05<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Ta\u015fma Havuzu\n                            <\/h3>\n\n                        <\/div>\n\n                        <button\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"Ta\u015fma Havuzu\"\n                            data-description=\"Konteyner i\u00e7erisinde yer alan ta\u015fma havuzu, olas\u0131 yak\u0131t s\u0131z\u0131nt\u0131lar\u0131n\u0131n kontroll\u00fc \u015fekilde toplanmas\u0131na yard\u0131mc\u0131 olarak \u00e7evresel g\u00fcvenli\u011fi art\u0131r\u0131r.\"\n                            aria-controls=\"system-ozellik-detail\">\n\n                            <svg class=\"system-ozellik-btn-icon\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2.5\">\n\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n\n                            <\/svg>\n\n                        <\/button>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n\n                    <div class=\"system-ozellik-item-inner\">\n\n                        <div class=\"system-ozellik-item-main\">\n\n                            <span class=\"system-ozellik-item-number\">06<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                G\u00fcvenlik Sistemleri\n                            <\/h3>\n\n                        <\/div>\n\n                        <button\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"G\u00fcvenlik Sistemleri\"\n                            data-description=\"Gaz dedekt\u00f6r\u00fc, alarm sistemleri ve yang\u0131n g\u00fcvenli\u011fi gibi ilave \u00e7\u00f6z\u00fcmlerle saha operasyonlar\u0131nda y\u00fcksek g\u00fcvenlik sunar.\"\n                            aria-controls=\"system-ozellik-detail\">\n\n                            <svg class=\"system-ozellik-btn-icon\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2.5\">\n\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n\n                            <\/svg>\n\n                        <\/button>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n\n                    <div class=\"system-ozellik-item-inner\">\n\n                        <div class=\"system-ozellik-item-main\">\n\n                            <span class=\"system-ozellik-item-number\">07<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Mod\u00fcler Yap\u0131\n                            <\/h3>\n\n                        <\/div>\n\n                        <button\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"Mod\u00fcler Yap\u0131\"\n                            data-description=\"Tank kapasitesi, pompa tipi ve otomasyon bile\u015fenleri i\u015fletmenin ihtiya\u00e7lar\u0131na g\u00f6re yap\u0131land\u0131r\u0131labilir.\"\n                            aria-controls=\"system-ozellik-detail\">\n\n                            <svg class=\"system-ozellik-btn-icon\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2.5\">\n\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n\n                            <\/svg>\n\n                        <\/button>\n\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"system-ozellik-item\" data-component-item>\n\n                    <div class=\"system-ozellik-item-inner\">\n\n                        <div class=\"system-ozellik-item-main\">\n\n                            <span class=\"system-ozellik-item-number\">08<\/span>\n\n                            <h3 class=\"system-ozellik-item-title\">\n                                Otomatik Yaz\u0131l\u0131m G\u00fcncelleme\n                            <\/h3>\n\n                        <\/div>\n\n                        <button\n                            class=\"system-ozellik-btn secondary\"\n                            data-component-trigger\n                            data-title=\"Otomatik Yaz\u0131l\u0131m G\u00fcncelleme\"\n                            data-description=\"Uzaktan ger\u00e7ekle\u015ftirilen yaz\u0131l\u0131m g\u00fcncellemeleri sayesinde sistem her zaman g\u00fcncel, g\u00fcvenli ve y\u00fcksek performansla \u00e7al\u0131\u015fmaya devam eder.\"\n                            aria-controls=\"system-ozellik-detail\">\n\n                            <svg class=\"system-ozellik-btn-icon\"\n                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                stroke=\"currentColor\"\n                                stroke-width=\"2.5\">\n\n                                <path d=\"M5 12h14\"\/>\n                                <path d=\"m12 5 7 7-7 7\"\/>\n\n                            <\/svg>\n\n                        <\/button>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n            <div class=\"system-ozellik-detail-wrap\">\n\n                <aside id=\"system-ozellik-detail\"\n                    class=\"system-ozellik-detail\"\n                    aria-live=\"polite\"\n                    aria-atomic=\"true\">\n\n                    <div class=\"system-ozellik-detail-content\">\n\n                        <span class=\"system-ozellik-detail-kicker\">\n                            \u00d6zellik Detay\u0131\n                        <\/span>\n\n                        <h3 class=\"system-ozellik-detail-title\">\n                            Depolama Tank\u0131\n                        <\/h3>\n\n                        <p class=\"system-ozellik-detail-description\">\n                            Standart konteyner yap\u0131s\u0131na uygun farkl\u0131 kapasite se\u00e7enekleriyle g\u00fcvenli yak\u0131t depolama sa\u011flar. Tank yap\u0131s\u0131 i\u015fletmenin ihtiya\u00e7lar\u0131na g\u00f6re yap\u0131land\u0131r\u0131labilir.\n                        <\/p>\n\n                    <\/div>\n\n                    <p class=\"system-ozellik-detail-hint\">\n                        Di\u011fer \u00f6zellikler hakk\u0131nda bilgi almak i\u00e7in listeden bir se\u00e7im yapabilirsiniz.\n                    <\/p>\n\n                <\/aside>\n\n            <\/div>\n\n        <\/div>\n\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\/14416#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":"YER\u00dcST\u00dc TANK OTOMASYON S\u0130STEMLER\u0130 Sahada G\u00fcvenli ve Mobil Yak\u0131t Y\u00f6netimi \u015eantiye, maden ve saha operasyonlar\u0131 i\u00e7in geli\u015ftirilen mobil konteyner otomasyon","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-14416","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=\"\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Saha Operasyonlar\u0131na\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/\" \/>\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=\"Yer\u00fcst\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak\" \/>\n\t\t<meta property=\"og:description\" content=\"\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Saha Operasyonlar\u0131na\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/\" \/>\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-21T22:14:16+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-07-21T22:51:08+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=\"Yer\u00fcst\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak\" \/>\n\t\t<meta name=\"twitter:description\" content=\"\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Saha Operasyonlar\u0131na\" \/>\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\\\/yerustu-tank-otomasyon-sistemi\\\/#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\\\/yerustu-tank-otomasyon-sistemi\\\/#listItem\",\"name\":\"Yer\\u00fcst\\u00fc Tank Otomasyon Sistemi\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/yerustu-tank-otomasyon-sistemi\\\/#listItem\",\"position\":2,\"name\":\"Yer\\u00fcst\\u00fc Tank Otomasyon Sistemi\",\"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\\\/yerustu-tank-otomasyon-sistemi\\\/#organizationLogo\",\"width\":220,\"height\":100,\"caption\":\"Turpak Logo\"},\"image\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/yerustu-tank-otomasyon-sistemi\\\/#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\\\/yerustu-tank-otomasyon-sistemi\\\/#webpage\",\"url\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/yerustu-tank-otomasyon-sistemi\\\/\",\"name\":\"Yer\\u00fcst\\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak\",\"description\":\"\\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\\u0131t depolama tank\\u0131, ikmal pompas\\u0131, otomasyon altyap\\u0131s\\u0131 ve g\\u00fcvenlik sistemlerini standart konteyner i\\u00e7erisinde bir araya getirerek mobil akaryak\\u0131t istasyonu \\u00e7\\u00f6z\\u00fcm\\u00fc sunar. \\u00d6zellikle \\u015fantiye, maden ve ge\\u00e7ici \\u00e7al\\u0131\\u015fma sahalar\\u0131nda g\\u00fcvenli, kontroll\\u00fc ve verimli yak\\u0131t ikmal s\\u00fcre\\u00e7leri sa\\u011flar. 6500+ \\u0130STASYON 81 \\u015eEH\\u0130R 2.5M TA\\u015eIT 25+ YIL %99 MEMNUN\\u0130YET Avantajlar\\u0131m\\u0131z Saha Operasyonlar\\u0131na\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/turpak.com.tr\\\/en\\\/yerustu-tank-otomasyon-sistemi\\\/#breadcrumblist\"},\"datePublished\":\"2026-07-22T01:14:16+03:00\",\"dateModified\":\"2026-07-22T01:51:08+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>Yer\u00fcst\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak<\/title>\n\n","aioseo_head_json":{"title":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak","description":"\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Saha Operasyonlar\u0131na","canonical_url":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/#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\/yerustu-tank-otomasyon-sistemi\/#listItem","name":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi"}},{"@type":"ListItem","@id":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/#listItem","position":2,"name":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi","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\/yerustu-tank-otomasyon-sistemi\/#organizationLogo","width":220,"height":100,"caption":"Turpak Logo"},"image":{"@id":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/#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\/yerustu-tank-otomasyon-sistemi\/#webpage","url":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/","name":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak","description":"\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Saha Operasyonlar\u0131na","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/turpak.com.tr\/en\/#website"},"breadcrumb":{"@id":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/#breadcrumblist"},"datePublished":"2026-07-22T01:14:16+03:00","dateModified":"2026-07-22T01:51:08+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":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak","og:description":"\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Saha Operasyonlar\u0131na","og:url":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/","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-21T22:14:16+00:00","article:modified_time":"2026-07-21T22:51:08+00:00","article:publisher":"https:\/\/www.facebook.com\/Turpak-202982326394151\/","twitter:card":"summary_large_image","twitter:title":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi - Gilbarco | Turpak","twitter:description":"\u0130stasyonu Turpak Mobil Konteyner Otomasyon Sistemi; yak\u0131t depolama tank\u0131, ikmal pompas\u0131, otomasyon altyap\u0131s\u0131 ve g\u00fcvenlik sistemlerini standart konteyner i\u00e7erisinde bir araya getirerek mobil akaryak\u0131t istasyonu \u00e7\u00f6z\u00fcm\u00fc sunar. \u00d6zellikle \u015fantiye, maden ve ge\u00e7ici \u00e7al\u0131\u015fma sahalar\u0131nda g\u00fcvenli, kontroll\u00fc ve verimli yak\u0131t ikmal s\u00fcre\u00e7leri sa\u011flar. 6500+ \u0130STASYON 81 \u015eEH\u0130R 2.5M TA\u015eIT 25+ YIL %99 MEMNUN\u0130YET Avantajlar\u0131m\u0131z Saha Operasyonlar\u0131na","twitter:image":"https:\/\/turpak.com.tr\/wp-content\/uploads\/2023\/07\/sticky-logo.png"},"aioseo_meta_data":{"post_id":"14416","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:55:09","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-16 22:17:52","updated":"2026-07-21 22:55:09"},"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\tYer\u00fcst\u00fc Tank Otomasyon Sistemi\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Ana Sayfa","link":"https:\/\/turpak.com.tr\/en"},{"label":"Yer\u00fcst\u00fc Tank Otomasyon Sistemi","link":"https:\/\/turpak.com.tr\/en\/yerustu-tank-otomasyon-sistemi\/"}],"_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\/14416","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=14416"}],"version-history":[{"count":0,"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/pages\/14416\/revisions"}],"wp:attachment":[{"href":"https:\/\/turpak.com.tr\/en\/wp-json\/wp\/v2\/media?parent=14416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}