{"id":3237,"date":"2025-07-23T08:55:02","date_gmt":"2025-07-23T01:55:02","guid":{"rendered":"https:\/\/onepack.casethemes.net\/?page_id=3237"},"modified":"2026-08-20T13:24:34","modified_gmt":"2026-08-20T13:24:34","slug":"sistemler","status":"publish","type":"page","link":"https:\/\/pimeks.com\/eng\/sistemler\/","title":{"rendered":"Systems"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3237\" class=\"elementor elementor-3237\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b4f72f e-con-full e-flex pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none e-con e-parent\" data-id=\"5b4f72f\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-d7ae47b elementor-widget elementor-widget-html\" data-id=\"d7ae47b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     P\u0130MEKS GROUP \u2014 S\u0130STEMLER\n     TEK PAR\u00c7A CUSTOM HTML BLO\u011eU\n\n     Bu blok, sayfadaki \u00fc\u00e7 ayr\u0131 yap\u0131n\u0131n yerine ge\u00e7er:\n       1. \u00dcstteki custom hero blo\u011fu (pimeks-systems-hero)\n       2. Ortadaki Elementor b\u00f6l\u00fcm\u00fc (6 sistem, 24 widget)\n       3. Alttaki custom kapan\u0131\u015f blo\u011fu (pimeks-systems-cta)\n\n     Metinlerin ve g\u00f6rsellerin tamam\u0131 mevcut sayfadan\n     birebir al\u0131nd\u0131, hi\u00e7bir i\u00e7erik uydurulmad\u0131.\n\n     Kurulum: Sayfadaki \u00fc\u00e7 b\u00f6l\u00fcm\u00fc de silip yerine tek bir\n     \"HTML\" widget'\u0131 ekleyin ve bunu i\u00e7ine yap\u0131\u015ft\u0131r\u0131n.\n========================================================= -->\n\n<section\n    id=\"pimeks-sistemler\"\n    class=\"pimeks-sistemler\"\n    lang=\"tr\"\n>\n\n<style>\n\n\/* Kurumsal font. Site genelinde WordPress zaten ayn\u0131 dosyay\u0131\n   \"Arian LT\" ad\u0131yla y\u00fckl\u00fcyor. Blok tek ba\u015f\u0131na ta\u015f\u0131nsa da\n   \u00e7al\u0131\u015fs\u0131n diye burada da tan\u0131ml\u0131yoruz, ayn\u0131 dosya oldu\u011fu i\u00e7in\n   taray\u0131c\u0131 ikinci kez indirmez. Ailede tek kesim var: Bold. *\/\n\n@font-face {\n\n    font-family:\n        \"Arian LT\";\n\n    font-style:\n        normal;\n\n    font-weight:\n        700;\n\n    font-display:\n        fallback;\n\n    src:\n        url(\"https:\/\/pimeks.com\/wp-content\/uploads\/fonts\/Arian-LT-Bold-TR.ttf\")\n        format(\"truetype\");\n}\n\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n#pimeks-sistemler {\n\n    --pms-white: #ffffff;\n    --pms-paper: #f6f7f7;\n    --pms-soft: #eef1f2;\n\n    --pms-line: #d9dfe2;\n\n    --pms-ink: #4b4848;\n    --pms-dark: #050505;\n    --pms-text: #707476;\n    --pms-muted: #9ba8af;\n\n    --pms-ease:\n        cubic-bezier(.2,.7,.2,1);\n\n    position: relative;\n\n    width: 100vw;\n    max-width: none;\n\n    margin-left:\n        calc(50% - 50vw);\n\n    margin-right:\n        calc(50% - 50vw);\n\n    overflow: hidden;\n\n    background:\n        var(--pms-paper);\n\n    color:\n        var(--pms-ink);\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        Helvetica,\n        sans-serif;\n\n    font-weight: 700;\n\n    text-rendering:\n        geometricPrecision;\n\n    -webkit-font-smoothing:\n        antialiased;\n\n    -moz-osx-font-smoothing:\n        grayscale;\n}\n\n\n#pimeks-sistemler,\n#pimeks-sistemler *,\n#pimeks-sistemler *::before,\n#pimeks-sistemler *::after {\n\n    box-sizing:\n        border-box;\n\n    text-transform:\n        none !important;\n}\n\n\n#pimeks-sistemler h1,\n#pimeks-sistemler h2,\n#pimeks-sistemler h3,\n#pimeks-sistemler p,\n#pimeks-sistemler span,\n#pimeks-sistemler li,\n#pimeks-sistemler figure {\n\n    font-family:\n        \"Arian LT\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n\n    font-style:\n        normal !important;\n\n    text-transform:\n        none !important;\n}\n\n\n#pimeks-sistemler h1,\n#pimeks-sistemler h2,\n#pimeks-sistemler p,\n#pimeks-sistemler figure {\n\n    margin-top: 0;\n}\n\n\n#pimeks-sistemler img {\n\n    display: block;\n\n    max-width: 100%;\n}\n\n\n\/* Taray\u0131c\u0131 figure etiketine varsay\u0131lan olarak\n   margin: 1em 40px veriyor, s\u0131f\u0131rlanmas\u0131 gerekiyor. *\/\n\n#pimeks-sistemler figure {\n\n    margin: 0;\n\n    padding: 0;\n}\n\n\n#pimeks-sistemler .pms-shell {\n\n    width:\n        min(\n            1460px,\n            calc(100% - 80px)\n        );\n\n    margin:\n        0 auto;\n}\n\n\n\/* =========================================================\n   BEL\u0130RME\n========================================================= *\/\n\n#pimeks-sistemler .pms-reveal {\n\n    opacity: 0;\n\n    transform:\n        translateY(26px);\n\n    transition:\n        opacity .72s ease,\n\n        transform .72s\n        var(--pms-ease);\n}\n\n\n#pimeks-sistemler .pms-reveal.pms-visible {\n\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n#pimeks-sistemler .pms-hero {\n\n    position: relative;\n\n    padding:\n        82px 0 66px;\n\n    background:\n\n        linear-gradient(\n            to right,\n            rgba(82,97,106,.05) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            to bottom,\n            rgba(82,97,106,.05) 1px,\n            transparent 1px\n        ),\n\n        var(--pms-paper);\n\n    background-size:\n        96px 96px;\n}\n\n\n\/* Arka plandaki yumu\u015fak halka, eski hero'daki\n   orbit \u00f6\u011fesinin sadele\u015ftirilmi\u015f hali. *\/\n\n#pimeks-sistemler .pms-hero::after {\n\n    position: absolute;\n\n    z-index: 0;\n\n    top: -18%;\n    right: -6%;\n\n    width:\n        min(620px, 52vw);\n\n    height:\n        min(620px, 52vw);\n\n    content: \"\";\n\n    pointer-events: none;\n\n    border:\n        1px solid\n        rgba(82,97,106,.10);\n\n    border-radius: 50%;\n\n    background:\n\n        radial-gradient(\n            circle at center,\n            rgba(255,255,255,.55),\n            rgba(255,255,255,0) 68%\n        );\n}\n\n\n#pimeks-sistemler .pms-hero .pms-shell {\n\n    position: relative;\n\n    z-index: 2;\n}\n\n\n#pimeks-sistemler .pms-hero-title {\n\n    max-width:\n        1100px;\n\n    margin:\n        0 0 26px;\n\n    color:\n        var(--pms-ink);\n\n    font-size:\n        clamp(\n            31px,\n            3.25vw,\n            48px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.1;\n\n    letter-spacing:\n        -.015em;\n}\n\n\n#pimeks-sistemler .pms-hero-title span {\n\n    color:\n        var(--pms-muted);\n}\n\n\n#pimeks-sistemler .pms-hero-lead {\n\n    max-width:\n        820px;\n\n    margin:\n        0 0 34px;\n\n    color:\n        var(--pms-text);\n\n    font-size:\n        clamp(\n            13.5px,\n            .95vw,\n            15px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.82;\n}\n\n\n\/* =========================================================\n   HERO ET\u0130KETLER\u0130\n========================================================= *\/\n\n#pimeks-sistemler .pms-hero-index {\n\n    display: flex;\n\n    flex-wrap: wrap;\n\n    gap: 10px;\n\n    margin: 0;\n\n    padding: 0;\n\n    list-style: none;\n}\n\n\n#pimeks-sistemler .pms-hero-index li {\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap: 11px;\n\n    padding:\n        10px 16px 10px 13px;\n\n    border:\n        1px solid\n        var(--pms-line);\n\n    background:\n        var(--pms-white);\n\n    color:\n        var(--pms-ink);\n\n    font-size:\n        12.5px;\n\n    font-weight: 700;\n\n    line-height: 1.25;\n}\n\n\n#pimeks-sistemler .pms-hero-index li::before {\n\n    display: block;\n\n    width: 7px;\n    height: 7px;\n\n    content: \"\";\n\n    flex:\n        0 0 auto;\n\n    background:\n        var(--pms-ink);\n}\n\n\n\/* =========================================================\n   S\u0130STEM KARTLARI\n========================================================= *\/\n\n#pimeks-sistemler .pms-systems {\n\n    padding:\n        0 0 24px;\n}\n\n\n#pimeks-sistemler .pms-system {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(350px,.82fr)\n        minmax(0,1.18fr);\n\n    min-height:\n        460px;\n\n    margin-bottom:\n        24px;\n\n    overflow: hidden;\n\n    border:\n        1px solid\n        var(--pms-line);\n\n    background:\n        var(--pms-white);\n\n    transition:\n        border-color .35s ease,\n        box-shadow .35s ease,\n        opacity .72s ease,\n\n        transform .72s\n        var(--pms-ease);\n}\n\n\n\/* =========================================================\n   D\u00d6N\u00dc\u015e\u00dcML\u00dc YERLE\u015e\u0130M\n\n   \u00c7ift s\u0131radaki kart ters \u00e7evrilir: birinci kartta g\u00f6rsel\n   solda, ikincide sa\u011fda, \u00fc\u00e7\u00fcnc\u00fcde yine solda.\n========================================================= *\/\n\n#pimeks-sistemler\n.pms-system:nth-of-type(even) {\n\n    grid-template-columns:\n        minmax(0,1.18fr)\n        minmax(350px,.82fr);\n}\n\n\n#pimeks-sistemler\n.pms-system:nth-of-type(even)\n.pms-system-visual {\n\n    order: 2;\n\n    border-right: 0;\n\n    border-left:\n        1px solid\n        var(--pms-line);\n}\n\n\n#pimeks-sistemler\n.pms-system:nth-of-type(even)\n.pms-system-content {\n\n    order: 1;\n}\n\n\n#pimeks-sistemler .pms-system:hover {\n\n    border-color:\n        #bcc5c9;\n\n    box-shadow:\n        0 22px 64px\n        rgba(55,61,65,.075);\n}\n\n\n\/* =========================================================\n   G\u00d6RSEL\n========================================================= *\/\n\n#pimeks-sistemler .pms-system-visual {\n\n    position: relative;\n\n    min-height:\n        460px;\n\n    overflow: hidden;\n\n    border-right:\n        1px solid\n        var(--pms-line);\n\n    background:\n        var(--pms-soft);\n}\n\n\n\/* G\u00f6rsel mutlak konumda duruyor. B\u00f6ylece kart\u0131n y\u00fcksekli\u011fi\n   foto\u011fraf\u0131n kendi boyuna g\u00f6re de\u011fil, yan\u0131ndaki metin\n   kolonuna g\u00f6re belirleniyor. Dikey foto\u011fraflar da d\u00fczg\u00fcn\n   k\u0131rp\u0131l\u0131yor, kart uzam\u0131yor. *\/\n\n#pimeks-sistemler .pms-system-visual img {\n\n    position: absolute;\n\n    inset: 0;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit:\n        cover;\n\n    object-position:\n        center;\n\n    transition:\n        transform 1.05s\n        var(--pms-ease),\n\n        filter .6s ease;\n}\n\n\n#pimeks-sistemler\n.pms-system:hover\n.pms-system-visual img {\n\n    filter:\n        brightness(.95);\n\n    transform:\n        scale(1.03);\n}\n\n\n\/* Marka logosu kullan\u0131lan kartlar.\n   Logo foto\u011fraf gibi k\u0131rp\u0131lmaz, ortalan\u0131r. *\/\n\n#pimeks-sistemler\n.pms-system--logo\n.pms-system-visual {\n\n    display: flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    padding:\n        clamp(34px, 4vw, 62px);\n\n    background:\n        var(--pms-paper);\n}\n\n\n#pimeks-sistemler\n.pms-system--logo\n.pms-system-visual img {\n\n    position: static;\n\n    inset: auto;\n\n    width: auto;\n    height: auto;\n\n    max-width:\n        min(78%, 330px);\n\n    max-height:\n        150px;\n\n    object-fit:\n        contain;\n}\n\n\n#pimeks-sistemler\n.pms-system--logo:hover\n.pms-system-visual img {\n\n    filter: none;\n\n    transform:\n        scale(1.02);\n}\n\n\n\/* =========================================================\n   KART \u0130\u00c7ER\u0130\u011e\u0130\n========================================================= *\/\n\n#pimeks-sistemler .pms-system-content {\n\n    display: flex;\n\n    min-width: 0;\n\n    flex-direction:\n        column;\n\n    justify-content:\n        center;\n\n    padding:\n        clamp(38px, 4vw, 62px)\n        clamp(34px, 4vw, 66px);\n}\n\n\n#pimeks-sistemler .pms-system-title {\n\n    max-width:\n        740px;\n\n    margin:\n        0 0 20px;\n\n    color:\n        var(--pms-ink);\n\n    font-size:\n        clamp(\n            26px,\n            2.4vw,\n            37px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.14;\n\n    letter-spacing:\n        -.016em;\n\n    text-wrap:\n        balance;\n}\n\n\n#pimeks-sistemler .pms-system-lead {\n\n    max-width:\n        760px;\n\n    margin:\n        0 0 28px;\n\n    padding-left:\n        20px;\n\n    border-left:\n        1px solid\n        var(--pms-muted);\n\n    color:\n        var(--pms-text);\n\n    font-size:\n        clamp(\n            13.5px,\n            .95vw,\n            15px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.78;\n}\n\n\n\/* =========================================================\n   \u00d6ZELL\u0130K L\u0130STES\u0130\n========================================================= *\/\n\n#pimeks-sistemler .pms-system-list {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(\n            2,\n            minmax(0,1fr)\n        );\n\n    gap:\n        2px 34px;\n\n    margin: 0;\n\n    padding: 0;\n\n    list-style: none;\n}\n\n\n#pimeks-sistemler .pms-system-list li {\n\n    position: relative;\n\n    padding:\n        9px 0 9px 26px;\n\n    border-bottom:\n        1px solid\n        rgba(82,97,106,.09);\n\n    color:\n        var(--pms-ink);\n\n    font-size:\n        12.5px;\n\n    font-weight: 700;\n\n    line-height: 1.5;\n}\n\n\n#pimeks-sistemler .pms-system-list li::before {\n\n    position: absolute;\n\n    top: 13px;\n    left: 0;\n\n    width: 13px;\n    height: 13px;\n\n    content: \"\";\n\n    background-repeat:\n        no-repeat;\n\n    background-position:\n        center;\n\n    background-size:\n        contain;\n\n    background-image:\n        url(\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%239ba8af' stroke-width='1.7'%3E%3Ccircle cx='12' cy='12' r='10'\/%3E%3Cpath d='M7.4 12.4 L10.6 15.6 L16.6 9.2' stroke='%234b4848' stroke-width='2'\/%3E%3C\/svg%3E\");\n}\n\n\n\/* =========================================================\n   KAPANI\u015e\n========================================================= *\/\n\n\/* =========================================================\n   KAPANI\u015e\n\n   Sayfay\u0131 siyah bir bantla kapat\u0131yor, footer'a do\u011fru\n   ak\u0131yor. Bant tam geni\u015flikte, i\u00e7erik shell hizas\u0131nda.\n========================================================= *\/\n\n#pimeks-sistemler .pms-closing {\n\n    position: relative;\n\n    margin-top:\n        clamp(28px, 3vw, 48px);\n\n    padding:\n        clamp(64px, 6.5vw, 104px) 0;\n\n    overflow: hidden;\n\n    background:\n        var(--pms-dark);\n}\n\n\n\/* Arka plandaki ince \u0131zgara, hero ile ayn\u0131 dil *\/\n\n#pimeks-sistemler .pms-closing::before {\n\n    position: absolute;\n\n    z-index: 0;\n\n    inset: 0;\n\n    content: \"\";\n\n    pointer-events: none;\n\n    background:\n\n        linear-gradient(\n            to right,\n            rgba(255,255,255,.028) 1px,\n            transparent 1px\n        ),\n\n        linear-gradient(\n            to bottom,\n            rgba(255,255,255,.028) 1px,\n            transparent 1px\n        );\n\n    background-size:\n        96px 96px;\n}\n\n\n#pimeks-sistemler .pms-closing .pms-shell {\n\n    position: relative;\n\n    z-index: 2;\n}\n\n\n#pimeks-sistemler .pms-closing-card {\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,.9fr)\n        minmax(0,1.1fr);\n\n    gap:\n        clamp(\n            30px,\n            4vw,\n            72px\n        );\n\n    align-items:\n        center;\n}\n\n\n\/* K\u00f6\u015fedeki Pimeks amblemi *\/\n\n#pimeks-sistemler .pms-closing-mark {\n\n    position: absolute;\n\n    z-index: 1;\n\n    right:\n        clamp(18px, 2.4vw, 42px);\n\n    bottom:\n        clamp(18px, 2.4vw, 36px);\n\n    width: 46px;\n    height: 46px;\n\n    opacity: .30;\n}\n\n\n#pimeks-sistemler .pms-closing-mark svg {\n\n    display: block;\n\n    width: 100%;\n    height: 100%;\n}\n\n\n#pimeks-sistemler .pms-mark-fill {\n\n    fill:\n        rgba(255,255,255,.55);\n}\n\n\n#pimeks-sistemler .pms-mark-square {\n\n    fill: none;\n\n    stroke:\n        rgba(255,255,255,.62);\n\n    stroke-width: 5;\n\n    stroke-linecap:\n        square;\n\n    stroke-linejoin:\n        miter;\n\n    vector-effect:\n        non-scaling-stroke;\n}\n\n\n#pimeks-sistemler .pms-closing-title {\n\n    margin: 0;\n\n    color:\n        #ffffff;\n\n    font-size:\n        clamp(\n            28px,\n            2.75vw,\n            41px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.14;\n\n    letter-spacing:\n        -.016em;\n}\n\n\n#pimeks-sistemler .pms-closing-title span {\n\n    color:\n        rgba(255,255,255,.52);\n}\n\n\n#pimeks-sistemler .pms-closing-text {\n\n    max-width:\n        820px;\n\n    margin: 0;\n\n    color:\n        rgba(255,255,255,.62);\n\n    font-size:\n        clamp(\n            13.5px,\n            .95vw,\n            15px\n        );\n\n    font-weight: 700;\n\n    line-height: 1.82;\n}\n\n\n\/* =========================================================\n   TEMA ALT BO\u015eLU\u011eU\n\n   Teman\u0131n #pxl-main sarmalay\u0131c\u0131s\u0131 sayfan\u0131n alt\u0131na 260px\n   bo\u015fluk koyuyor. Siyah kapan\u0131\u015f band\u0131n\u0131n footer'dan\n   kopmamas\u0131 i\u00e7in bu sayfada k\u0131salt\u0131l\u0131yor.\n   Kural yaln\u0131zca bu blo\u011fun bulundu\u011fu sayfada \u00e7al\u0131\u015f\u0131r.\n========================================================= *\/\n\nbody:has(#pimeks-sistemler) #pxl-main {\n\n    padding-bottom:\n        0 !important;\n}\n\n\n\/* =========================================================\n   GEN\u0130\u015e EKRAN\n========================================================= *\/\n\n@media (min-width: 1800px) {\n\n    #pimeks-sistemler .pms-shell {\n\n        width:\n            min(\n                1520px,\n                calc(100% - 120px)\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    #pimeks-sistemler .pms-shell {\n\n        width:\n            min(\n                calc(100% - 46px),\n                1460px\n            );\n    }\n\n\n    #pimeks-sistemler .pms-hero {\n\n        padding:\n            64px 0 52px;\n    }\n\n\n    #pimeks-sistemler .pms-system,\n    #pimeks-sistemler\n    .pms-system:nth-of-type(even) {\n\n        grid-template-columns:\n            1fr;\n\n        min-height: 0;\n    }\n\n\n    \/* Tek kolona d\u00fc\u015f\u00fcnce g\u00f6rsel her kartta \u00fcstte kal\u0131r *\/\n\n    #pimeks-sistemler\n    .pms-system:nth-of-type(even)\n    .pms-system-visual,\n\n    #pimeks-sistemler\n    .pms-system:nth-of-type(even)\n    .pms-system-content {\n\n        order: initial;\n    }\n\n\n    #pimeks-sistemler .pms-system-visual,\n    #pimeks-sistemler\n    .pms-system:nth-of-type(even)\n    .pms-system-visual {\n\n        min-height:\n            380px;\n\n        border-right: 0;\n        border-left: 0;\n\n        border-bottom:\n            1px solid\n            var(--pms-line);\n    }\n\n\n    #pimeks-sistemler\n    .pms-system--logo\n    .pms-system-visual {\n\n        min-height:\n            240px;\n    }\n\n\n    #pimeks-sistemler .pms-closing-card {\n\n        grid-template-columns:\n            1fr;\n\n        gap: 24px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOB\u0130L\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n    #pimeks-sistemler .pms-shell {\n\n        width:\n            calc(100% - 20px);\n    }\n\n\n    #pimeks-sistemler .pms-hero {\n\n        padding:\n            48px 0 40px;\n\n        background-size:\n            62px 62px;\n    }\n\n\n    #pimeks-sistemler .pms-hero-title {\n\n        margin-bottom:\n            20px;\n\n        font-size:\n            clamp(\n                25px,\n                6.6vw,\n                31px\n            );\n    }\n\n\n    #pimeks-sistemler .pms-hero-lead {\n\n        margin-bottom:\n            26px;\n\n        font-size:\n            13px;\n\n        line-height: 1.72;\n    }\n\n\n    #pimeks-sistemler .pms-hero-index {\n\n        gap: 8px;\n    }\n\n\n    #pimeks-sistemler .pms-hero-index li {\n\n        gap: 9px;\n\n        padding:\n            8px 13px 8px 11px;\n\n        font-size:\n            11px;\n    }\n\n\n    #pimeks-sistemler .pms-system {\n\n        margin-bottom:\n            15px;\n    }\n\n\n    #pimeks-sistemler .pms-system-visual {\n\n        min-height:\n            280px;\n    }\n\n\n    #pimeks-sistemler\n    .pms-system--logo\n    .pms-system-visual {\n\n        min-height:\n            190px;\n\n        padding: 30px;\n    }\n\n\n    #pimeks-sistemler\n    .pms-system--logo\n    .pms-system-visual img {\n\n        max-width:\n            min(74%, 250px);\n\n        max-height:\n            110px;\n    }\n\n\n    #pimeks-sistemler .pms-system-content {\n\n        padding:\n            34px 18px 38px;\n    }\n\n\n    #pimeks-sistemler .pms-system-title {\n\n        margin-bottom:\n            16px;\n\n        font-size:\n            clamp(\n                23px,\n                6vw,\n                28px\n            );\n    }\n\n\n    #pimeks-sistemler .pms-system-lead {\n\n        margin-bottom:\n            22px;\n\n        padding-left:\n            13px;\n\n        font-size:\n            12.5px;\n\n        line-height: 1.72;\n    }\n\n\n    #pimeks-sistemler .pms-system-list {\n\n        grid-template-columns:\n            1fr;\n\n        gap: 0;\n    }\n\n\n    #pimeks-sistemler .pms-system-list li {\n\n        padding:\n            8px 0 8px 24px;\n\n        font-size:\n            12px;\n    }\n\n\n    #pimeks-sistemler .pms-closing {\n\n        margin-top: 15px;\n\n        padding:\n            46px 0 52px;\n\n        background-size:\n            62px 62px;\n    }\n\n\n    #pimeks-sistemler .pms-closing-card {\n\n        gap: 20px;\n    }\n\n\n    #pimeks-sistemler .pms-closing-mark {\n\n        width: 34px;\n        height: 34px;\n    }\n\n\n    #pimeks-sistemler .pms-closing-title {\n\n        font-size:\n            clamp(\n                25px,\n                6.4vw,\n                30px\n            );\n    }\n\n\n    #pimeks-sistemler .pms-closing-text {\n\n        font-size:\n            12.5px;\n\n        line-height: 1.76;\n    }\n\n}\n\n\n\/* =========================================================\n   K\u00dc\u00c7\u00dcK MOB\u0130L\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n    #pimeks-sistemler .pms-shell {\n\n        width:\n            calc(100% - 16px);\n    }\n\n\n    #pimeks-sistemler .pms-hero-title {\n\n        font-size:\n            24px;\n    }\n\n\n    #pimeks-sistemler .pms-system-title {\n\n        font-size:\n            23px;\n    }\n\n\n    #pimeks-sistemler .pms-closing-title {\n\n        font-size:\n            25px;\n    }\n\n}\n\n\n\/* =========================================================\n   AZALTILMI\u015e HAREKET\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #pimeks-sistemler *,\n    #pimeks-sistemler *::before,\n    #pimeks-sistemler *::after {\n\n        transition:\n            none !important;\n\n        animation:\n            none !important;\n    }\n\n\n    #pimeks-sistemler .pms-reveal {\n\n        opacity: 1;\n\n        transform: none;\n    }\n\n}\n\n<\/style>\n\n\n\n<!-- =====================================================\n     HERO\n====================================================== -->\n\n<header class=\"pms-hero\">\n\n    <div class=\"pms-shell\">\n\n\n        <h1 class=\"pms-hero-title pms-reveal\">\n            Integrated systems<br>\n            <span>that enhance architecture<\/span>\n        <\/h1>\n\n\n        <p class=\"pms-hero-lead pms-reveal\">\n            With expertise spanning aluminium, steel, stainless steel and PVC solutions, we manage design, engineering, production and installation processes under one roof.\n        <\/p>\n\n\n        <ul class=\"pms-hero-index pms-reveal\">\n\n            <li>Design and engineering<\/li>\n            <li>Integrated production<\/li>\n            <li>Installation and assembly<\/li>\n\n        <\/ul>\n\n\n    <\/div>\n\n<\/header>\n\n\n\n<!-- =====================================================\n     S\u0130STEMLER\n\n     Yeni bir sistem eklemek i\u00e7in bir article blo\u011funu\n     kopyalay\u0131p g\u00f6rsel, ba\u015fl\u0131k, giri\u015f c\u00fcmlesi ve liste\n     sat\u0131rlar\u0131n\u0131 de\u011fi\u015ftirmek yeterli.\n     G\u00f6rsel yerine marka logosu kullan\u0131lacaksa article\n     etiketine pms-system--logo s\u0131n\u0131f\u0131 eklenir.\n====================================================== -->\n\n<div class=\"pms-systems\">\n\n    <div class=\"pms-shell\">\n\n\n        <article class=\"pms-system pms-reveal\">\n\n\n            <figure class=\"pms-system-visual\">\n\n                <img\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/A4A092C8-9B02-4DB1-9223-F1DF6EF74750-scaled.jpg\"\n                    alt=\"Al\u00fcminyum cephe ve do\u011frama sistemleri\"\n                    loading=\"eager\"\n                    decoding=\"async\"\n                >\n\n            <\/figure>\n\n\n            <div class=\"pms-system-content\">\n\n\n                <h2 class=\"pms-system-title\">\n                    Aluminum facade and joinery systems\n                <\/h2>\n\n\n                <p class=\"pms-system-lead\">\n                    High-performance, aesthetic, and long-lasting custom-developed aluminum facade, door, window, and sliding systems.\n                <\/p>\n\n\n                <ul class=\"pms-system-list\">\n\n                    <li>Panel and stick facades<\/li>\n                    <li>Door and window systems<\/li>\n                    <li>Sliding and folding systems<\/li>\n                    <li>Fire-resistant and bullet-resistant special facade applications<\/li>\n                    <li>Project-specific system solutions<\/li>\n                    <li>Winter gardens and skylights<\/li>\n\n                <\/ul>\n\n\n            <\/div>\n\n\n        <\/article>\n\n\n        <article class=\"pms-system pms-reveal\">\n\n\n            <figure class=\"pms-system-visual\">\n\n                <img\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/atakule-yeniden-1.webp\"\n                    alt=\"\u00c7elik cephe ve do\u011frama sistemleri\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/figure>\n\n\n            <div class=\"pms-system-content\">\n\n\n                <h2 class=\"pms-system-title\">\n                    Steel facade and joinery systems\n                <\/h2>\n\n\n                <p class=\"pms-system-lead\">\n                    Steel joinery, facades, and high-performance system solutions developed specifically for each project, offering high strength, safety, and architectural flexibility.\n                <\/p>\n\n\n                <ul class=\"pms-system-list\">\n\n                    <li>Steel facades<\/li>\n                    <li>Steel door and window systems<\/li>\n                    <li>Fire-resistant and bullet-resistant special facade applications<\/li>\n\n                <\/ul>\n\n\n            <\/div>\n\n\n        <\/article>\n\n\n        <article class=\"pms-system pms-reveal\">\n\n\n            <figure class=\"pms-system-visual\">\n\n                <img\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Parla-Incek-1.webp\"\n                    alt=\"PVC kap\u0131 ve pencere sistemleri\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/figure>\n\n\n            <div class=\"pms-system-content\">\n\n\n                <h2 class=\"pms-system-title\">\n                    PVC systems\n                <\/h2>\n\n\n                <p class=\"pms-system-lead\">\n                    PVC door and window systems developed specifically for each project, offering high thermal and sound insulation, energy efficiency, and long-lasting performance.\n                <\/p>\n\n\n                <ul class=\"pms-system-list\">\n\n                    <li>PVC door systems<\/li>\n                    <li>PVC window systems<\/li>\n                    <li>Thermal insulation solutions<\/li>\n                    <li>Sound-insulating systems<\/li>\n                    <li>Energy-efficient applications<\/li>\n\n                <\/ul>\n\n\n            <\/div>\n\n\n        <\/article>\n\n\n        <article class=\"pms-system pms-system--logo pms-reveal\">\n\n\n            <figure class=\"pms-system-visual\">\n\n                <img\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/sophora_logo_orijinal.png\"\n                    alt=\"Sophora Sun Shades\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/figure>\n\n\n            <div class=\"pms-system-content\">\n\n\n                <h2 class=\"pms-system-title\">\n                    Sun shading systems\n                <\/h2>\n\n\n                <p class=\"pms-system-lead\">\n                    G\u00fcne\u015f \u0131\u015f\u0131\u011f\u0131n\u0131 kontroll\u00fc bi\u00e7imde y\u00f6neten, enerji verimlili\u011fini art\u0131ran ve mimari konfor sa\u011flayan; projeye \u00f6zel geli\u015ftirilen g\u00f6lgelendirme \u00e7\u00f6z\u00fcmleri.\n                <\/p>\n\n\n                <ul class=\"pms-system-list\">\n\n                    <li>Aluminum pergola systems<\/li>\n                    <li>Dikey\/yatay katlan\u0131r sistemler<\/li>\n                    <li>Exterior venetian blind systems<\/li>\n                    <li>Shutter and blind systems<\/li>\n                    <li>Retractable and fixed aluminum sun shading systems<\/li>\n                    <li>Textile-based sun shading systems<\/li>\n\n                <\/ul>\n\n\n            <\/div>\n\n\n        <\/article>\n\n\n        <article class=\"pms-system pms-system--logo pms-reveal\">\n\n\n            <figure class=\"pms-system-visual\">\n\n                <img\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/justeel_logo_700x440.png\"\n                    alt=\"Justeel\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/figure>\n\n\n            <div class=\"pms-system-content\">\n\n\n                <h2 class=\"pms-system-title\">\n                    Stainless steel accessory systems\n                <\/h2>\n\n\n                <p class=\"pms-system-lead\">\n                    Custom accessory and surface solutions that combine the durability of stainless steel with precise craftsmanship and contemporary design, adding value to architecture.\n                <\/p>\n\n\n                <ul class=\"pms-system-list\">\n\n                    <li>Stainless steel and painted steel glass mounting systems<\/li>\n                    <li>Stainless steel and painted steel railing systems<\/li>\n                    <li>Spider systems<\/li>\n                    <li>Sharp-corner steel facade systems<\/li>\n                    <li>Standard or custom glass-holding systems<\/li>\n                    <li>Standard or custom-designed railing systems with tension cables, profiles, and glass<\/li>\n\n                <\/ul>\n\n\n            <\/div>\n\n\n        <\/article>\n\n\n        <article class=\"pms-system pms-system--logo pms-reveal\">\n\n\n            <figure class=\"pms-system-visual\">\n\n                <img\n                    src=\"https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/xception_logo_700x440.png\"\n                    alt=\"Xception Doors\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/figure>\n\n\n            <div class=\"pms-system-content\">\n\n\n                <h2 class=\"pms-system-title\">\n                    Door systems\n                <\/h2>\n\n\n                <p class=\"pms-system-lead\">\n                    Prestigious entry door solutions that combine high security, energy efficiency, and unique design\u2014developed specifically for each project and user.\n                <\/p>\n\n\n                <ul class=\"pms-system-list\">\n\n                    <li>High-performance aluminum villa entrance doors with a steel appearance<\/li>\n                    <li>Custom-designed aluminum villa and residential entry doors<\/li>\n                    <li>Steel doors<\/li>\n                    <li>Decorative doors designed for resistance to outdoor weather conditions<\/li>\n\n                <\/ul>\n\n\n            <\/div>\n\n\n        <\/article>\n\n\n    <\/div>\n\n<\/div>\n\n\n\n<!-- =====================================================\n     KAPANI\u015e\n====================================================== -->\n\n<section class=\"pms-closing\">\n\n    <div class=\"pms-shell\">\n\n        <div class=\"pms-closing-card pms-reveal\">\n\n\n            <h2 class=\"pms-closing-title\">\n                Every structure has<br>\n                its own <span>Pimeks solution<\/span> \u200b\n            <\/h2>\n\n\n            <p class=\"pms-closing-text\">\n                Standard systems do not suit every project. Pimeks Group evaluates each structure according to its architectural language, technical requirements and intended use. By managing every process from design and engineering to production and installation under one roof, we develop project-specific, high-performance and long-lasting solutions.\n            <\/p>\n\n\n        <\/div>\n\n    <\/div>\n\n\n    <div\n        class=\"pms-closing-mark\"\n        aria-hidden=\"true\"\n    >\n\n        <svg\n            viewbox=\"0 0 100 100\"\n            shape-rendering=\"geometricPrecision\"\n        >\n\n            <rect\n                class=\"pms-mark-fill\"\n                x=\"38\"\n                y=\"38\"\n                width=\"24\"\n                height=\"24\"\n            \/>\n\n            <rect\n                class=\"pms-mark-square\"\n                x=\"11\"\n                y=\"11\"\n                width=\"52\"\n                height=\"52\"\n            \/>\n\n            <rect\n                class=\"pms-mark-square\"\n                x=\"37\"\n                y=\"37\"\n                width=\"52\"\n                height=\"52\"\n            \/>\n\n        <\/svg>\n\n    <\/div>\n\n\n<\/section>\n\n\n\n<script>\n\n(function () {\n\n    \"use strict\";\n\n\n    const root =\n        document.getElementById(\n            \"pimeks-sistemler\"\n        );\n\n\n    if (\n        !root ||\n        root.dataset.pmsReady === \"true\"\n    ) {\n\n        return;\n    }\n\n\n    root.dataset.pmsReady = \"true\";\n\n\n    const items =\n        root.querySelectorAll(\n            \".pms-reveal\"\n        );\n\n\n    \/* JS hi\u00e7bir metni okumaz, yazmaz veya de\u011fi\u015ftirmez.\n       Yaln\u0131zca class ekler. TranslatePress uyumludur. *\/\n\n    if (\n        !(\n            \"IntersectionObserver\"\n            in window\n        )\n    ) {\n\n        items.forEach(\n            function (item) {\n\n                item.classList.add(\n                    \"pms-visible\"\n                );\n\n            }\n        );\n\n        return;\n    }\n\n\n    const observer =\n        new IntersectionObserver(\n\n            function (entries, gozlemci) {\n\n                entries.forEach(\n                    function (entry) {\n\n\n                        if (\n                            !entry.isIntersecting\n                        ) {\n\n                            return;\n                        }\n\n\n                        entry.target\n                            .classList\n                            .add(\n                                \"pms-visible\"\n                            );\n\n\n                        gozlemci.unobserve(\n                            entry.target\n                        );\n\n                    }\n                );\n\n            },\n\n            {\n\n                threshold: .1,\n\n                rootMargin:\n                    \"0px 0px -50px 0px\"\n\n            }\n\n        );\n\n\n    items.forEach(\n        function (item, index) {\n\n            item.style.transitionDelay =\n                Math.min(index, 3) * 70 + \"ms\";\n\n            observer.observe(item);\n\n        }\n    );\n\n\n})();\n\n<\/script>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Mimariyi g\u00fc\u00e7lendiren entegre sistemler Al\u00fcminyumdan \u00e7eli\u011fe, paslanmaz \u00e7elikten PVC \u00e7\u00f6z\u00fcmlerine uzanan uzmanl\u0131\u011f\u0131m\u0131zla; tasar\u0131m, m\u00fchendislik, \u00fcretim ve uygulama s\u00fcre\u00e7lerini tek merkezden y\u00f6netiyoruz. Tasar\u0131m ve m\u00fchendislik Entegre \u00fcretim Uygulama ve montaj Al\u00fcminyum cephe ve do\u011frama sistemleri Y\u00fcksek performans, estetik ve uzun \u00f6m\u00fcrl\u00fc kullan\u0131m sunan; projeye \u00f6zel geli\u015ftirilen al\u00fcminyum cephe, kap\u0131, pencere ve s\u00fcrme sistemleri. Panel ve Stick [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3237","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/3237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/comments?post=3237"}],"version-history":[{"count":61,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/3237\/revisions"}],"predecessor-version":[{"id":6651,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/3237\/revisions\/6651"}],"wp:attachment":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/media?parent=3237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}