{"id":2763,"date":"2025-07-18T09:04:19","date_gmt":"2025-07-18T02:04:19","guid":{"rendered":"https:\/\/onepack.casethemes.net\/?page_id=2763"},"modified":"2026-08-20T09:53:22","modified_gmt":"2026-08-20T09:53:22","slug":"markalarimiz","status":"publish","type":"page","link":"https:\/\/pimeks.com\/eng\/markalarimiz\/","title":{"rendered":"Our brands"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2763\" class=\"elementor elementor-2763\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3c135f e-flex e-con-boxed pxl-row-scroll-none pxl-column-none pxl-full-content-with-space-none e-con e-parent\" data-id=\"a3c135f\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-92541b0 elementor-widget elementor-widget-html\" data-id=\"92541b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     P\u0130MEKS GROUP \u2014 MARKALARIMIZ\n     FINAL REVISION \/ AUGUST 2026\n\n     REV\u0130ZELER:\n     - \u00dcstteki k\u00fc\u00e7\u00fck P\u0130MEKS GROUP etiketi kald\u0131r\u0131ld\u0131\n     - Ba\u015fl\u0131k ve metin \u00f6l\u00e7ekleri k\u00fc\u00e7\u00fclt\u00fcld\u00fc\n     - Aysu Han\u0131m onayl\u0131 giri\u015f metni kullan\u0131ld\u0131\n     - Keyword kutular\u0131 tamamen kald\u0131r\u0131ld\u0131\n     - K\u00fc\u00e7\u00fck kategori \/ kicker etiketleri kald\u0131r\u0131ld\u0131\n     - Ba\u015fl\u0131klar sentence-case\n     - Slogan sonlar\u0131nda nokta yok\n     - Sophora: \"g\u00fcne\u015f \u0131\u015f\u0131\u011f\u0131\" terminolojisi\n     - SVG oklar korundu\n     - Logo renkleri korunuyor\n     - Desktop \/ tablet \/ mobile \/ ultrawide\n========================================================= -->\n\n<section\n  class=\"pg-brands-2026\"\n  id=\"markalarimiz\"\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.pg-brands-2026 {\n\n  --pg-white: #ffffff;\n  --pg-paper: #f6f7f7;\n\n  --pg-line: #d9dfe2;\n  --pg-line-dark: #bcc7cc;\n\n  --pg-ink: #4b4848;\n  --pg-text: #707476;\n  --pg-muted: #9ba8af;\n\n  --pg-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(--pg-paper);\n\n  color:\n    var(--pg-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.pg-brands-2026,\n.pg-brands-2026 *,\n.pg-brands-2026 *::before,\n.pg-brands-2026 *::after {\n\n  box-sizing:\n    border-box;\n\n  text-transform:\n    none !important;\n}\n\n\n.pg-brands-2026 h1,\n.pg-brands-2026 h2,\n.pg-brands-2026 h3,\n.pg-brands-2026 p,\n.pg-brands-2026 span,\n.pg-brands-2026 a,\n.pg-brands-2026 div {\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.pg-brands-2026 h1,\n.pg-brands-2026 h2,\n.pg-brands-2026 h3,\n.pg-brands-2026 p {\n\n  margin-top: 0;\n}\n\n\n.pg-brands-2026 img {\n\n  display: block;\n\n  max-width: 100%;\n}\n\n\n\n\/* =========================================================\n   MAIN SHELL\n========================================================= *\/\n\n.pg-brands-shell {\n\n  width:\n    min(\n      1460px,\n      calc(100% - 80px)\n    );\n\n  margin:\n    0 auto;\n\n  padding:\n    82px 0 94px;\n}\n\n\n\n\/* =========================================================\n   BRAND\n========================================================= *\/\n\n.pg-brand {\n\n  position: relative;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(350px,.82fr)\n    minmax(0,1.18fr);\n\n  min-height:\n    560px;\n\n  margin-bottom:\n    24px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--pg-line);\n\n  background:\n    var(--pg-white);\n\n  opacity: 0;\n\n  transform:\n    translateY(28px);\n\n  transition:\n    opacity .72s ease,\n    transform .72s var(--pg-ease),\n    border-color .35s ease,\n    box-shadow .35s ease;\n}\n\n\n.pg-brand:last-child {\n\n  margin-bottom: 0;\n}\n\n\n.pg-brand.pg-visible {\n\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\n.pg-brand: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\/* =========================================================\n   YERLE\u015e\u0130M\n\n   Eskiden \u00e7ift s\u0131radaki kart ters \u00e7evriliyordu, yani\n   Sophora'n\u0131n g\u00f6rseli sa\u011fda kal\u0131yordu. Art\u0131k \u00fc\u00e7 markada\n   da g\u00f6rsel solda, metin sa\u011fda.\n========================================================= *\/\n\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.pg-brand-visual {\n\n  position: relative;\n\n  display: flex;\n\n  min-height:\n    560px;\n\n  align-items: center;\n  justify-content: center;\n\n  overflow: hidden;\n\n  isolation:\n    isolate;\n\n  padding-bottom:\n    clamp(86px, 9.6vw, 134px);\n\n  border-right:\n    1px solid\n    var(--pg-line);\n\n  background:\n    #dfe3e5;\n}\n\n\n\n\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n.pg-brand-visual::before {\n\n  position: absolute;\n\n  z-index: -2;\n\n  inset:\n    -18px;\n\n  content: \"\";\n\n  background-image:\n    var(--pg-brand-bg);\n\n  background-repeat:\n    no-repeat;\n\n  background-position:\n    var(\n      --pg-brand-position,\n      center center\n    );\n\n  background-size:\n    cover;\n\n  filter:\n    blur(3.5px)\n    brightness(.77)\n    saturate(.82)\n    contrast(.91);\n\n  transform:\n    scale(1.06);\n\n  transition:\n    transform\n    1.1s\n    var(--pg-ease),\n\n    filter\n    .7s\n    ease;\n}\n\n\n.pg-brand:hover\n.pg-brand-visual::before {\n\n  filter:\n    blur(2.8px)\n    brightness(.81)\n    saturate(.87)\n    contrast(.93);\n\n  transform:\n    scale(1.08);\n}\n\n\n\n\/* =========================================================\n   VISUAL OVERLAY\n========================================================= *\/\n\n.pg-brand-visual::after {\n\n  position: absolute;\n\n  z-index: -1;\n\n  inset: 0;\n\n  content: \"\";\n\n  pointer-events:\n    none;\n\n  background:\n\n    radial-gradient(\n      ellipse 52% 38% at center,\n      rgba(235,238,238,.16) 0%,\n      rgba(235,238,238,.08) 38%,\n      rgba(235,238,238,.02) 65%,\n      transparent 82%\n    ),\n\n    linear-gradient(\n      to top,\n      rgba(16,21,24,.20),\n      rgba(16,21,24,.015) 58%,\n      rgba(16,21,24,.08)\n    ),\n\n    linear-gradient(\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    ),\n\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.03) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    auto,\n    auto,\n    90px 90px,\n    90px 90px;\n}\n\n\n\n\/* =========================================================\n   LOGO WRAP\n========================================================= *\/\n\n.pg-brand-logo-wrap {\n\n  position: relative;\n\n  z-index: 3;\n\n  display: flex;\n\n  width:\n    min(\n      78%,\n      500px\n    );\n\n  min-height:\n    150px;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  padding:\n    8px;\n\n  border: 0;\n\n  background:\n    transparent;\n\n  box-shadow:\n    none;\n\n  transition:\n    transform\n    .6s\n    var(--pg-ease);\n}\n\n\n.pg-brand:hover\n.pg-brand-logo-wrap {\n\n  transform:\n    scale(1.03);\n}\n\n\n\n\/* =========================================================\n   LOGO ARKASI YUMU\u015eAK BEYAZLIK\n\n   Logonun arkadaki g\u00f6rselden ayr\u0131\u015fmas\u0131 i\u00e7in, merkezden\n   d\u0131\u015fa do\u011fru kademeli s\u00f6nen hafif bir beyazl\u0131k.\n   Arka plandaki g\u00f6rseli kapatmaz, sadece logonun\n   yak\u0131n\u0131nda yo\u011funla\u015f\u0131r.\n========================================================= *\/\n\n.pg-brand-logo-wrap::before {\n\n  position: absolute;\n\n  z-index: -1;\n\n  inset:\n    -34% -14%;\n\n  content: \"\";\n\n  pointer-events:\n    none;\n\n  background:\n\n    radial-gradient(\n      ellipse at center,\n\n      rgba(255,255,255,.40) 0%,\n      rgba(255,255,255,.28) 32%,\n      rgba(255,255,255,.13) 55%,\n      rgba(255,255,255,.04) 72%,\n      transparent 84%\n    );\n\n  -webkit-backdrop-filter:\n    blur(5px);\n\n  backdrop-filter:\n    blur(5px);\n\n  -webkit-mask-image:\n    radial-gradient(\n      ellipse at center,\n      #000 0%,\n      #000 42%,\n      transparent 78%\n    );\n\n  mask-image:\n    radial-gradient(\n      ellipse at center,\n      #000 0%,\n      #000 42%,\n      transparent 78%\n    );\n}\n\n\n\n\/* =========================================================\n   LOGO\n========================================================= *\/\n\n.pg-brand-logo {\n\n  position: relative;\n\n  z-index: 3;\n\n  display: block;\n\n  width: 100%;\n\n  height: auto;\n\n  max-width:\n    460px;\n\n  max-height:\n    160px;\n\n  object-fit:\n    contain;\n\n  opacity:\n    1 !important;\n\n  mix-blend-mode:\n    normal !important;\n\n  filter:\n    drop-shadow(\n      0 1px 1px\n      rgba(255,255,255,.48)\n    )\n    drop-shadow(\n      0 5px 12px\n      rgba(0,0,0,.30)\n    ) !important;\n\n  -webkit-filter:\n    drop-shadow(\n      0 1px 1px\n      rgba(255,255,255,.48)\n    )\n    drop-shadow(\n      0 5px 12px\n      rgba(0,0,0,.30)\n    ) !important;\n\n  transition:\n    transform\n    .55s\n    var(--pg-ease);\n}\n\n\n.pg-brand:hover\n.pg-brand-logo {\n\n  transform:\n    scale(1.015);\n}\n\n\n\n\/* =========================================================\n   JUSTEEL\n========================================================= *\/\n\n.pg-brand--justeel\n.pg-brand-logo-wrap {\n\n  width:\n    min(\n      74%,\n      460px\n    );\n}\n\n\n.pg-brand--justeel\n.pg-brand-logo {\n\n  max-width:\n    430px;\n}\n\n\n\n\/* =========================================================\n   SOPHORA\n========================================================= *\/\n\n.pg-brand--sophora\n.pg-brand-logo-wrap {\n\n  width:\n    min(\n      87%,\n      560px\n    );\n}\n\n\n.pg-brand--sophora\n.pg-brand-logo {\n\n  max-width:\n    530px;\n\n  max-height:\n    185px;\n}\n\n\n\n\/* =========================================================\n   XCEPTION\n========================================================= *\/\n\n.pg-brand--xception\n.pg-brand-logo-wrap {\n\n  width:\n    min(\n      76%,\n      480px\n    );\n}\n\n\n.pg-brand--xception\n.pg-brand-logo {\n\n  max-width:\n    450px;\n}\n\n\n\n\/* =========================================================\n   G\u00d6RSEL \u0130\u00c7\u0130 ET\u0130KET KUTULARI\n\n   Markan\u0131n ne yapt\u0131\u011f\u0131n\u0131 g\u00f6rselin alt band\u0131nda g\u00f6sterir.\n   Kutular g\u00f6rselin i\u00e7inde kal\u0131r, logo ise bu band\u0131n\n   y\u00fcksekli\u011fi kadar yukar\u0131 kayar (g\u00f6rselin padding-bottom\n   de\u011feri bunu sa\u011fl\u0131yor).\n========================================================= *\/\n\n.pg-brand-tags {\n\n  position: absolute;\n\n  z-index: 4;\n\n  right: 0;\n  bottom: 0;\n  left: 0;\n\n  \/* \u0130ki kolonlu d\u00fczen. Kutular tek tek sarmak yerine\n     iki\u015ferli oturur, b\u00f6ylece \"\u00fcstte \u00fc\u00e7 altta bir\" gibi\n     dengesiz sat\u0131rlar olu\u015fmaz. *\/\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(\n      2,\n      minmax(0, max-content)\n    );\n\n  justify-content:\n    center;\n\n  justify-items:\n    stretch;\n\n  gap:\n    7px;\n\n  margin: 0;\n\n  padding:\n    0\n    clamp(14px, 2.4vw, 28px)\n    clamp(16px, 2.2vw, 26px);\n\n  list-style:\n    none;\n}\n\n\n.pg-brand-tags li {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  gap:\n    8px;\n\n  padding:\n    7px 12px 7px 10px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.34);\n\n  background:\n    rgba(255,255,255,.14);\n\n  color:\n    #ffffff;\n\n  font-size:\n    10.5px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1.25;\n\n  letter-spacing:\n    .005em;\n\n  text-shadow:\n    0 1px 6px\n    rgba(0,0,0,.32);\n\n  -webkit-backdrop-filter:\n    blur(7px);\n\n  backdrop-filter:\n    blur(7px);\n}\n\n\n\/* Kutunun ba\u015f\u0131ndaki onay i\u015fareti *\/\n\n.pg-brand-tags li::before {\n\n  display: block;\n\n  width: 11px;\n  height: 11px;\n\n  content: \"\";\n\n  flex:\n    0 0 auto;\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='%23ffffff' stroke-width='2.4' stroke-linecap='square'%3E%3Cpath d='M4 12.6 L9.2 18 L20 6.4'\/%3E%3C\/svg%3E\");\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.pg-brand-content {\n\n  position: relative;\n\n  display: flex;\n\n  min-width: 0;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    center;\n\n  overflow: hidden;\n\n  padding:\n    72px\n    clamp(\n      42px,\n      5vw,\n      82px\n    )\n    62px;\n\n  background:\n    var(--pg-white);\n}\n\n\n\n\/* =========================================================\n   BRAND WATERMARK\n\n   Eskiden marka ad\u0131 yaz\u0131 olarak bas\u0131l\u0131yordu.\n   Art\u0131k markan\u0131n kendi logosu, \u00e7ok d\u00fc\u015f\u00fck opakl\u0131kta\n   filigran olarak duruyor.\n\n   \u00dc\u00e7 logonun dosya i\u00e7indeki \u015feffaf bo\u015fluklar\u0131 birbirinden\n   farkl\u0131 oldu\u011fu i\u00e7in \u00f6l\u00e7ek ve konum de\u011ferleri her marka\n   i\u00e7in ayr\u0131 hesapland\u0131. De\u011ferler article etiketlerinin\n   i\u00e7inde, --pg-brand-mark ile ba\u015flayan de\u011fi\u015fkenlerde.\n   B\u00f6ylece \u00fc\u00e7 filigran\u0131n da g\u00f6r\u00fcnen y\u00fcksekli\u011fi ve sa\u011f \u00fcst\n   k\u00f6\u015feye uzakl\u0131\u011f\u0131 ayn\u0131 oluyor.\n========================================================= *\/\n\n.pg-brand-content::before {\n\n  position: absolute;\n\n  z-index: 0;\n\n  top: 27px;\n  right: 30px;\n\n  width:\n    min(62%, 400px);\n\n  height:\n    clamp(\n      50px,\n      5.2vw,\n      88px\n    );\n\n  content: \"\";\n\n  pointer-events:\n    none;\n\n  overflow:\n    hidden;\n\n  opacity:\n    .075;\n\n  background-image:\n    var(--pg-brand-mark);\n\n  background-repeat:\n    no-repeat;\n\n  background-size:\n    auto\n    var(--pg-brand-mark-size);\n\n  background-position:\n\n    right\n    calc(\n      var(--pg-brand-mark-size) *\n      var(--pg-brand-mark-x, 0)\n    )\n\n    top\n    calc(\n      var(--pg-brand-mark-size) *\n      var(--pg-brand-mark-y, 0)\n    );\n}\n\n\n\n\/* =========================================================\n   BRAND TITLE \/ MOTTO\n========================================================= *\/\n\n.pg-brand-title {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width:\n    760px;\n\n  margin:\n    0 0 28px;\n\n  color:\n    var(--pg-ink);\n\n  font-size:\n    clamp(\n      31px,\n      3.1vw,\n      48px\n    );\n\n  font-weight:\n    700;\n\n  line-height:\n    1.12;\n\n  letter-spacing:\n    -.016em;\n\n  text-wrap:\n    balance;\n\n  word-break:\n    normal;\n\n  overflow-wrap:\n    normal;\n\n  hyphens:\n    none;\n}\n\n\n\n\/* =========================================================\n   LEAD\n========================================================= *\/\n\n.pg-brand-lead {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width:\n    760px;\n\n  margin:\n    0 0 21px;\n\n  padding-left:\n    20px;\n\n  border-left:\n    1px solid\n    var(--pg-muted);\n\n  color:\n    var(--pg-ink);\n\n  font-size:\n    clamp(\n      14px,\n      1.02vw,\n      17px\n    );\n\n  font-weight:\n    700;\n\n  line-height:\n    1.78;\n}\n\n\n\n\/* =========================================================\n   BODY\n========================================================= *\/\n\n.pg-brand-text {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width:\n    760px;\n\n  color:\n    var(--pg-text);\n\n  font-size:\n    clamp(\n      13.5px,\n      .95vw,\n      15.5px\n    );\n\n  font-weight:\n    700;\n\n  line-height:\n    1.82;\n}\n\n\n.pg-brand-text p {\n\n  margin: 0;\n}\n\n\n\n\/* =========================================================\n   LINK\n========================================================= *\/\n\n.pg-brand-link {\n\n  position: relative;\n\n  z-index: 2;\n\n  display:\n    inline-flex;\n\n  width:\n    fit-content;\n\n  max-width:\n    100%;\n\n  align-items:\n    center;\n\n  gap:\n    14px;\n\n  margin-top:\n    29px;\n\n  padding-bottom:\n    8px;\n\n  border-bottom:\n    1px solid\n    var(--pg-ink);\n\n  color:\n    var(--pg-ink) !important;\n\n  font-size:\n    9.5px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1.4;\n\n  letter-spacing:\n    .08em;\n\n  text-decoration:\n    none !important;\n\n  white-space:\n    nowrap;\n\n  transition:\n    color .3s ease,\n    border-color .3s ease,\n    gap .3s ease;\n}\n\n\n.pg-brand-link:hover {\n\n  color:\n    var(--pg-text) !important;\n\n  border-bottom-color:\n    var(--pg-text);\n\n  gap:\n    17px;\n}\n\n\n\n\/* =========================================================\n   SVG ARROW\n========================================================= *\/\n\n.pg-brand-link-arrow {\n\n  display:\n    inline-flex;\n\n  width:\n    16px;\n\n  height:\n    16px;\n\n  flex:\n    0 0 16px;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  color:\n    currentColor;\n\n  transform:\n    translateY(-1px);\n\n  transition:\n    transform\n    .3s\n    ease;\n}\n\n\n.pg-brand-link-arrow svg {\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  overflow:\n    visible;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.35;\n\n  stroke-linecap:\n    square;\n\n  stroke-linejoin:\n    miter;\n\n  vector-effect:\n    non-scaling-stroke;\n}\n\n\n.pg-brand-link:hover\n.pg-brand-link-arrow {\n\n  transform:\n    translate(4px,-4px);\n}\n\n\n\n\/* =========================================================\n   ULTRAWIDE\n========================================================= *\/\n\n@media (min-width: 1800px) {\n\n  .pg-brands-shell {\n\n    width:\n      min(\n        1520px,\n        calc(100% - 120px)\n      );\n  }\n\n\n  .pg-brand {\n\n    min-height:\n      590px;\n  }\n\n\n  .pg-brand-visual {\n\n    min-height:\n      590px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   MEDIUM DESKTOP\n========================================================= *\/\n\n@media (max-width: 1260px) {\n\n  .pg-brand-content {\n\n    padding-right:\n      44px;\n\n    padding-left:\n      44px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n  .pg-brands-shell {\n\n    width:\n      min(\n        calc(100% - 46px),\n        1460px\n      );\n\n    padding:\n      68px 0 76px;\n  }\n\n\n  .pg-brand,\n  .pg-brand:nth-of-type(even) {\n\n    grid-template-columns:\n      1fr;\n\n    min-height: 0;\n  }\n\n\n  .pg-brand:nth-of-type(even)\n  .pg-brand-visual,\n\n  .pg-brand:nth-of-type(even)\n  .pg-brand-content {\n\n    order:\n      initial;\n  }\n\n\n  .pg-brand-visual,\n  .pg-brand:nth-of-type(even)\n  .pg-brand-visual {\n\n    min-height:\n      450px;\n\n    border-right: 0;\n    border-left: 0;\n\n    border-bottom:\n      1px solid\n      var(--pg-line);\n  }\n\n\n  .pg-brand-content {\n\n    padding:\n      70px\n      44px\n      54px;\n  }\n\n\n  .pg-brand-content::before {\n\n    top: 24px;\n    right: 24px;\n\n    font-size:\n      clamp(\n        64px,\n        13vw,\n        112px\n      );\n  }\n\n\n  .pg-brand-logo-wrap,\n  .pg-brand--justeel\n  .pg-brand-logo-wrap,\n  .pg-brand--sophora\n  .pg-brand-logo-wrap,\n  .pg-brand--xception\n  .pg-brand-logo-wrap {\n\n    width:\n      min(\n        68%,\n        470px\n      );\n  }\n\n\n  .pg-brand-logo,\n  .pg-brand--justeel\n  .pg-brand-logo,\n  .pg-brand--sophora\n  .pg-brand-logo,\n  .pg-brand--xception\n  .pg-brand-logo {\n\n    max-width:\n      440px;\n\n    max-height:\n      155px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 650px) {\n\n  .pg-brands-shell {\n\n    width:\n      calc(100% - 20px);\n\n    padding:\n      46px 0 58px;\n  }\n\n\n\n  \/* CARD *\/\n\n  .pg-brand {\n\n    margin-bottom:\n      15px;\n  }\n\n\n  .pg-brand-visual,\n  .pg-brand:nth-of-type(even)\n  .pg-brand-visual {\n\n    min-height:\n      395px;\n\n    padding-bottom:\n      112px;\n  }\n\n\n  \/* Kutular mobilde daral\u0131r, alt alta binmez *\/\n\n  .pg-brand-tags {\n\n    gap: 6px;\n\n    padding:\n      0 12px 14px;\n  }\n\n\n  .pg-brand-tags li {\n\n    gap: 6px;\n\n    padding:\n      6px 10px 6px 8px;\n\n    font-size:\n      9.5px;\n  }\n\n\n  .pg-brand-tags li::before {\n\n    width: 9px;\n    height: 9px;\n  }\n\n\n  .pg-brand-visual::before {\n\n    filter:\n      blur(3px)\n      brightness(.76)\n      saturate(.82)\n      contrast(.9);\n\n    transform:\n      scale(1.07);\n  }\n\n\n\n  \/* LOGOS *\/\n\n  .pg-brand-logo-wrap,\n  .pg-brand--justeel\n  .pg-brand-logo-wrap,\n  .pg-brand--sophora\n  .pg-brand-logo-wrap,\n  .pg-brand--xception\n  .pg-brand-logo-wrap {\n\n    width:\n      min(\n        78%,\n        310px\n      );\n\n    min-height:\n      96px;\n\n    padding:\n      5px;\n  }\n\n\n  .pg-brand-logo,\n  .pg-brand--justeel\n  .pg-brand-logo,\n  .pg-brand--sophora\n  .pg-brand-logo,\n  .pg-brand--xception\n  .pg-brand-logo {\n\n    max-width:\n      290px;\n\n    max-height:\n      105px;\n  }\n\n\n\n  \/* CONTENT *\/\n\n  .pg-brand-content {\n\n    padding:\n      48px\n      17px\n      39px;\n  }\n\n\n  \/* Filigran mobilde de sa\u011f \u00fcstte kal\u0131r.\n     Bu kural eskiden yaz\u0131 filigran\u0131 i\u00e7in soldan\n     hizal\u0131yordu, logo filigran\u0131nda ortada duruyordu. *\/\n\n  .pg-brand-content::before {\n\n    top:\n      16px;\n\n    right:\n      17px;\n\n    left:\n      auto;\n\n    width:\n      min(72%, 300px);\n\n    height:\n      clamp(\n        46px,\n        12vw,\n        62px\n      );\n  }\n\n\n\n  \/* MOTTO *\/\n\n  .pg-brand-title {\n\n    width:\n      100%;\n\n    max-width:\n      none;\n\n    margin:\n      0 0 22px;\n\n    font-size:\n      clamp(\n        27px,\n        7.5vw,\n        34px\n      );\n\n    line-height:\n      1.14;\n\n    letter-spacing:\n      -.016em;\n  }\n\n\n\n  \/* LEAD *\/\n\n  .pg-brand-lead {\n\n    width:\n      100%;\n\n    max-width:\n      none;\n\n    margin-bottom:\n      19px;\n\n    padding-left:\n      13px;\n\n    font-size:\n      13px;\n\n    line-height:\n      1.72;\n  }\n\n\n\n  \/* BODY *\/\n\n  .pg-brand-text {\n\n    width:\n      100%;\n\n    max-width:\n      none;\n\n    font-size:\n      12.5px;\n\n    line-height:\n      1.76;\n  }\n\n\n\n  \/* LINK *\/\n\n  .pg-brand-link {\n\n    gap:\n      11px;\n\n    margin-top:\n      25px;\n\n    padding-bottom:\n      8px;\n\n    font-size:\n      8.5px;\n\n    letter-spacing:\n      .05em;\n  }\n\n\n  .pg-brand-link-arrow {\n\n    width:\n      15px;\n\n    height:\n      15px;\n\n    flex-basis:\n      15px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n  .pg-brands-shell {\n\n    width:\n      calc(100% - 16px);\n\n    padding:\n      42px 0 52px;\n  }\n\n\n  .pg-brand-visual,\n  .pg-brand:nth-of-type(even)\n  .pg-brand-visual {\n\n    min-height:\n      380px;\n\n    padding-bottom:\n      106px;\n  }\n\n\n  .pg-brand-tags li {\n\n    font-size:\n      9px;\n  }\n\n\n  .pg-brand-content {\n\n    padding:\n      46px\n      14px\n      36px;\n  }\n\n\n  .pg-brand-content::before {\n\n    right:\n      14px;\n\n    left:\n      auto;\n\n    width:\n      min(76%, 280px);\n  }\n\n\n  .pg-brand-title {\n\n    font-size:\n      27px;\n  }\n\n\n  .pg-brand-lead {\n\n    padding-left:\n      11px;\n\n    font-size:\n      12.5px;\n  }\n\n\n  .pg-brand-text {\n\n    font-size:\n      12px;\n  }\n\n\n  .pg-brand-link {\n\n    gap:\n      9px;\n\n    font-size:\n      8px;\n\n    letter-spacing:\n      .04em;\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .pg-brand,\n  .pg-brand *,\n  .pg-brand *::before,\n  .pg-brand *::after {\n\n    transition:\n      none !important;\n\n    animation:\n      none !important;\n  }\n\n\n  .pg-brand {\n\n    opacity: 1;\n\n    transform:\n      none;\n  }\n\n}\n\n<\/style>\n\n\n\n<div class=\"pg-brands-shell\">\n\n\n  <!-- =====================================================\n       JUSTEEL\n  ====================================================== -->\n\n  <article\n    class=\"pg-brand      pg-brand--justeel\"\n  >\n\n\n    <div\n      class=\"pg-brand-visual\"\n      style=\"        --pg-brand-bg:        url('https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/Fabrika-gorsel-site-3.webp');        --pg-brand-position:        center center;      \"\n    >\n\n\n      <div class=\"pg-brand-logo-wrap\">\n\n        <img\n          class=\"pg-brand-logo\"\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      <\/div>\n\n\n      <!-- Etiket kutular\u0131.\n           \u0130\u00e7erik sayfadaki mevcut metinden t\u00fcretildi.\n           Markan\u0131n ger\u00e7ek \u00fcr\u00fcn gruplar\u0131 farkl\u0131ysa\n           yaln\u0131zca a\u015fa\u011f\u0131daki li sat\u0131rlar\u0131n\u0131 de\u011fi\u015ftirmek yeterli. -->\n\n      <ul class=\"pg-brand-tags\">\n\n          <li>Cam tutucu sistemleri<\/li>\n          <li>Korkuluk sistemleri<\/li>\n          <li>Spider systems<\/li>\n          <li>Steel facade systems<\/li>\n\n      <\/ul>\n\n\n    <\/div>\n\n\n\n    <div\n      class=\"pg-brand-content\"\n      style=\"        --pg-brand-mark:        url('https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/justeel_logo_700x440.png');        --pg-brand-mark-size:        clamp(178px, 18.6vw, 315px);        --pg-brand-mark-x: -.2227;        --pg-brand-mark-y: -.375;      \"\n    >\n\n\n      <h2 class=\"pg-brand-title\">\n        Giving steel an identity\n      <\/h2>\n\n\n      <p class=\"pg-brand-lead\">\n        We see stainless steel not merely as a material, but as an integral part of design.\n      <\/p>\n\n\n      <div class=\"pg-brand-text\">\n\n        <p>\n          Justeel's stainless steel accessories bring character to projects through bespoke production, flawless craftsmanship and timeless lines.\n        <\/p>\n\n      <\/div>\n\n\n      <a\n        class=\"pg-brand-link\"\n        href=\"https:\/\/justeel.com\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        <span>\n          Discover Justeel\n        <\/span>\n\n\n        <span\n          class=\"pg-brand-link-arrow\"\n          aria-hidden=\"true\"\n        >\n\n          <svg\n            viewbox=\"0 0 18 18\"\n            focusable=\"false\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M4 14L14 4\"><\/path>\n            <path d=\"M7 4H14V11\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/article>\n\n\n\n  <!-- =====================================================\n       SOPHORA\n  ====================================================== -->\n\n  <article\n    class=\"pg-brand      pg-brand--sophora\"\n  >\n\n\n    <div\n      class=\"pg-brand-visual\"\n      style=\"        --pg-brand-bg:        url('https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/marka-gorsel-revize-1.webp');        --pg-brand-position:        center center;      \"\n    >\n\n\n      <div class=\"pg-brand-logo-wrap\">\n\n        <img\n          class=\"pg-brand-logo\"\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      <\/div>\n\n\n      <!-- Etiket kutular\u0131.\n           \u0130\u00e7erik sayfadaki mevcut metinden t\u00fcretildi.\n           Markan\u0131n ger\u00e7ek \u00fcr\u00fcn gruplar\u0131 farkl\u0131ysa\n           yaln\u0131zca a\u015fa\u011f\u0131daki li sat\u0131rlar\u0131n\u0131 de\u011fi\u015ftirmek yeterli. -->\n\n      <ul class=\"pg-brand-tags\">\n\n          <li>Al\u00fcminyum pergola<\/li>\n          <li>Horizontal folding systems<\/li>\n          <li>Vertical folding systems<\/li>\n          <li>Panjur ve stor<\/li>\n          <li>D\u0131\u015f cephe jaluzi<\/li>\n          <li>Sun shading systems<\/li>\n\n      <\/ul>\n\n\n    <\/div>\n\n\n\n    <div\n      class=\"pg-brand-content\"\n      style=\"        --pg-brand-mark:        url('https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/sophora_logo_orijinal.png');        --pg-brand-mark-size:        clamp(104px, 10.8vw, 184px);        --pg-brand-mark-x: -.058;        --pg-brand-mark-y: -.275;      \"\n    >\n\n\n      <h2 class=\"pg-brand-title\">\n        Controlling sunlight with intelligent systems\n      <\/h2>\n\n\n      <p class=\"pg-brand-lead\">\n        Sophora Sunshades does more than filter sunlight; it reshapes the spatial experience.\n      <\/p>\n\n\n      <div class=\"pg-brand-text\">\n\n        <p>\n          Through intelligent shading systems, Sophora brings energy efficiency, aesthetics and user comfort together in a single solution.\n        <\/p>\n\n      <\/div>\n\n\n      <a\n        class=\"pg-brand-link\"\n        href=\"https:\/\/sophorasunshades.com\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        <span>\n          Discover Sophora\n        <\/span>\n\n\n        <span\n          class=\"pg-brand-link-arrow\"\n          aria-hidden=\"true\"\n        >\n\n          <svg\n            viewbox=\"0 0 18 18\"\n            focusable=\"false\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M4 14L14 4\"><\/path>\n            <path d=\"M7 4H14V11\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/article>\n\n\n\n  <!-- =====================================================\n       XCEPTION\n  ====================================================== -->\n\n  <article\n    class=\"pg-brand      pg-brand--xception\"\n  >\n\n\n    <div\n      class=\"pg-brand-visual\"\n      style=\"        --pg-brand-bg:        url('https:\/\/pimeks.com\/wp-content\/uploads\/2026\/08\/marka-gorsel-revize-2.webp');        --pg-brand-position:        center center;      \"\n    >\n\n\n      <div class=\"pg-brand-logo-wrap\">\n\n        <img\n          class=\"pg-brand-logo\"\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      <\/div>\n\n\n      <!-- Etiket kutular\u0131.\n           \u0130\u00e7erik sayfadaki mevcut metinden t\u00fcretildi.\n           Markan\u0131n ger\u00e7ek \u00fcr\u00fcn gruplar\u0131 farkl\u0131ysa\n           yaln\u0131zca a\u015fa\u011f\u0131daki li sat\u0131rlar\u0131n\u0131 de\u011fi\u015ftirmek yeterli. -->\n\n      <ul class=\"pg-brand-tags\">\n\n          <li>Villa giri\u015f kap\u0131lar\u0131<\/li>\n          <li>Konut giri\u015f kap\u0131lar\u0131<\/li>\n          <li>Steel doors<\/li>\n          <li>Dekoratif d\u0131\u015f kap\u0131lar<\/li>\n\n      <\/ul>\n\n\n    <\/div>\n\n\n\n    <div\n      class=\"pg-brand-content\"\n      style=\"        --pg-brand-mark:        url('https:\/\/pimeks.com\/wp-content\/uploads\/2026\/07\/xception_logo_700x440.png');        --pg-brand-mark-size:        clamp(138px, 14.5vw, 245px);        --pg-brand-mark-x: -.2227;        --pg-brand-mark-y: -.341;      \"\n    >\n\n\n      <h2 class=\"pg-brand-title\">\n        Turning every entrance into a distinctive signature\n      <\/h2>\n\n\n      <p class=\"pg-brand-lead\">\n        A door is more than an entrance; it is part of a building\u2019s identity.\n      <\/p>\n\n\n      <div class=\"pg-brand-text\">\n\n        <p>\n          Xception Doors combines engineering with contemporary design, bringing security, durability and aesthetics together in a single architectural element.\n        <\/p>\n\n      <\/div>\n\n\n      <a\n        class=\"pg-brand-link\"\n        href=\"https:\/\/xceptiondoors.com\/\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n\n        <span>\n          Discover Xception\n        <\/span>\n\n\n        <span\n          class=\"pg-brand-link-arrow\"\n          aria-hidden=\"true\"\n        >\n\n          <svg\n            viewbox=\"0 0 18 18\"\n            focusable=\"false\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M4 14L14 4\"><\/path>\n            <path d=\"M7 4H14V11\"><\/path>\n          <\/svg>\n\n        <\/span>\n\n      <\/a>\n\n\n    <\/div>\n\n\n  <\/article>\n\n\n<\/div>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  const section =\n    document.getElementById(\n      \"markalarimiz\"\n    );\n\n\n  if (\n    !section ||\n    section.dataset.pgReady ===\n    \"true\"\n  ) {\n\n    return;\n  }\n\n\n  section.dataset.pgReady =\n    \"true\";\n\n\n  const cards =\n    section.querySelectorAll(\n      \".pg-brand\"\n    );\n\n\n  \/* =====================================================\n     REDUCED MOTION\n  ====================================================== *\/\n\n  if (\n    window.matchMedia &&\n    window\n      .matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      )\n      .matches\n  ) {\n\n\n    cards.forEach(\n      function (card) {\n\n        card.classList.add(\n          \"pg-visible\"\n        );\n\n      }\n    );\n\n\n    return;\n  }\n\n\n\n  \/* =====================================================\n     FALLBACK\n  ====================================================== *\/\n\n  if (\n    !(\n      \"IntersectionObserver\"\n      in window\n    )\n  ) {\n\n\n    cards.forEach(\n      function (card) {\n\n        card.classList.add(\n          \"pg-visible\"\n        );\n\n      }\n    );\n\n\n    return;\n  }\n\n\n\n  \/* =====================================================\n     REVEAL\n  ====================================================== *\/\n\n  const observer =\n    new IntersectionObserver(\n\n      function (entries) {\n\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                \"pg-visible\"\n              );\n\n\n            observer.unobserve(\n              entry.target\n            );\n\n          }\n        );\n\n      },\n\n      {\n\n        threshold:\n          .12,\n\n        rootMargin:\n          \"0px 0px -50px 0px\"\n\n      }\n\n    );\n\n\n  cards.forEach(\n    function (\n      card,\n      index\n    ) {\n\n\n      card.style\n        .transitionDelay =\n          index * 80 +\n          \"ms\";\n\n\n      observer.observe(\n        card\n      );\n\n    }\n  );\n\n\n})();\n\n<\/script>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Cam tutucu sistemleri Korkuluk sistemleri Spider sistemler \u00c7elik cephe sistemleri \u00c7eli\u011fe kimlik kazand\u0131r\u0131yoruz Mimaride paslanmaz \u00e7eli\u011fi yaln\u0131zca bir malzeme de\u011fil, tasar\u0131m\u0131n ayr\u0131lmaz bir par\u00e7as\u0131 olarak g\u00f6r\u00fcyoruz. Justeel; \u00f6zel \u00fcretim \u00e7\u00f6z\u00fcmleri, kusursuz i\u015f\u00e7ili\u011fi ve zamans\u0131z \u00e7izgileriyle projelere karakter kazand\u0131r\u0131r. Justeel\u2019i ke\u015ffedin Al\u00fcminyum pergola Yatay katlan\u0131r sistemler Dikey katlan\u0131r sistemler Panjur ve stor D\u0131\u015f cephe jaluzi G\u00fcne\u015f [&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-2763","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/2763","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=2763"}],"version-history":[{"count":47,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/2763\/revisions"}],"predecessor-version":[{"id":6585,"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/pages\/2763\/revisions\/6585"}],"wp:attachment":[{"href":"https:\/\/pimeks.com\/eng\/wp-json\/wp\/v2\/media?parent=2763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}