{"id":85,"date":"2023-03-09T12:53:47","date_gmt":"2023-03-09T12:53:47","guid":{"rendered":"https:\/\/tecnologia.vamtam.com\/?page_id=85"},"modified":"2025-10-09T12:55:30","modified_gmt":"2025-10-09T09:55:30","slug":"tarihce","status":"publish","type":"page","link":"https:\/\/www.organicdn.com\/phi\/tarihce\/","title":{"rendered":"Tarih\u00e7e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"85\" class=\"elementor elementor-85\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1c3343a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1c3343a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fff6b1f\" data-id=\"fff6b1f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6edadc8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"6edadc8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Kurulu\u015ftan Gelece\u011fe G\u00fc\u00e7l\u00fc Bir Yolculuk<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17c6009 elementor-widget elementor-widget-spacer\" data-id=\"17c6009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c05d04a elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"c05d04a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">1991 y\u0131l\u0131nda kurulan ve 2020\u2019de PHI Metal markas\u0131yla yeniden yap\u0131land\u0131r\u0131lan firmam\u0131z, otomotiv sekt\u00f6r\u00fcnde y\u00fcksek mukavemetli komponent \u00fcretiminde k\u00f6kl\u00fc bir uzmanl\u0131\u011fa sahiptir. Global pazarda g\u00fcvenilir bir \u00e7\u00f6z\u00fcm orta\u011f\u0131 olarak konumlanan PHI Metal, s\u00fcrd\u00fcr\u00fclebilirlik, yenilik\u00e7ilik ve kalite odakl\u0131 yakla\u015f\u0131m\u0131yla gelece\u011fi bug\u00fcnden in\u015fa etmeye devam etmektedir.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d799873 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d799873\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eef156e\" data-id=\"eef156e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c5c59e elementor-widget elementor-widget-odw_tarihce_timeline\" data-id=\"0c5c59e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"odw_tarihce_timeline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n        .elementor-element.elementor-element-0c5c59e.elementor-sticky{position:static!important;top:auto!important}\n        .elementor-element.elementor-element-0c5c59e .elementor-sticky{position:static!important;top:auto!important}\n        .elementor-element.elementor-element-0c5c59e .elementor-sticky__spacer{height:auto!important}\n      <\/style><div class=\"odw-tarihce-widget\" style=\"--odw-brand: #0A0D31; --odw-accent: #AF272B; --odw-sticky: 140px\"><style>\n\t:root{ --odw-rad:16px }\n\t.boru-wrap{\n\t\t--accent:var(--odw-accent,#f2682a);\n\t\t--brand:var(--odw-brand,#1f2856);\n\t\t--sticky:var(--odw-sticky,70px);\n\t\t--years-h:var(--odw-years-h,520px);\n\t}\n\n\t\/* G\u00fcvenli top: kullan\u0131c\u0131 ayar\u0131 + admin bar + cihaz safe-area *\/\n\t.boru-wrap{\n\t\t--odw-adminbar: 0px;\n\t\t--odw-safe-top: calc(var(--odw-sticky, 70px) + var(--odw-adminbar) + env(safe-area-inset-top, 0px));\n\t}\n\t\/* WP admin bar varsa +32px *\/\n\tbody.admin-bar .boru-wrap{ --odw-adminbar: 32px; }\n\n\t\/* Yaln\u0131zca ODW bile\u015feni i\u00e7in Elementor sticky\u2019yi kapat *\/\n\t.elementor-sticky:has(.boru-wrap),\n\t.elementor-sticky--active:has(.boru-wrap){\n\t\tposition: static !important;\n\t\ttop: auto !important;\n\t\ttransform: none !important;\n\t}\n\t.elementor-sticky__spacer:has(.boru-wrap){ height: auto !important; }\n\n\t\/* Bile\u015fenin kendi sticky\u2019leri g\u00fcvenli topu kullans\u0131n *\/\n\t.boru-years{ top: var(--odw-safe-top); }\n\t.boru-detail{ top: var(--odw-safe-top); }\n\t.boru-container{max-width:1280px;margin-inline:auto;padding-inline:clamp(12px,3vw,24px)}\n\t\/* 4 kolon: sol bo\u015fluk, merkez y\u0131llar, sa\u011f panel, sa\u011f bo\u015fluk *\/\n\t.boru-stage{display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,480px) minmax(360px,640px) minmax(0,1fr); gap:clamp(16px,2.5vw,40px); align-items:start; min-height:80vh; padding-block:12px}\n\n\t\/* --- Y\u0131llar: sabit y\u00fckseklik i\u00e7inde sadece D\u0130KEY scroll, yatay tamamen kapal\u0131 --- *\/\n\t.boru-years{grid-column:2; position:sticky; top:var(--sticky); height:var(--years-h); display:flex; justify-content:center; align-self:start}\n\t.boru-years .years-scroll{\n\t\tposition:relative; width:min(480px,88%); height:100%;\n\t\toverflow-y:auto; overflow-x:hidden; \/* yatay kapal\u0131 *\/\n\t\tscroll-snap-type:y mandatory; padding:12px 6px;\n\t\tscrollbar-width:none; -ms-overflow-style:none; \/* FF + IE gizle *\/\n\t}\n\t.boru-years .years-scroll::-webkit-scrollbar{ width:0; height:0 } \/* WebKit gizle *\/\n\n\t\/* Dikey ray: taban \u00e7izgi + \u00fcst\/alt turuncu kaplar *\/\n\t.boru-rail{\n\t\tposition:absolute; inset:0; pointer-events:none;\n\t\t\/* taban (n\u00f6tr) \u00e7izgi \u2014 tek katman *\/\n\t\tbackground: linear-gradient(rgba(0,0,0,.10), rgba(0,0,0,.10)) center \/ 2px 100% no-repeat;\n\t}\n\n\t\/* \u00dcST kap: yukar\u0131dan a\u015fa\u011f\u0131 do\u011fru turuncu fade *\/\n\t.boru-rail::before{\n\t\tcontent:\"\";\n\t\tposition:absolute;\n\t\tleft:50%; top:0; width:2px; height:45%;\n\t\ttransform:translateX(-50%);\n\t\tbackground: linear-gradient(to bottom, var(--accent), transparent);\n\t\topacity:.9;\n\t}\n\t.boru-year{\n\t\tscroll-snap-align:center; display:flex; justify-content:center; align-items:center;\n\t\theight:100px; font-weight:900; font-size:64px; letter-spacing:-.02em; line-height:1;\n\t\tcolor:#cfd4da; user-select:none;\n\t\ttransform:scale(var(--s,1)); opacity:var(--o,.55);\n\t\ttransition:transform .28s, color .28s, opacity .28s, text-shadow .28s;\n\t}\n\t.boru-year.is-active{color:var(--accent); text-shadow:0 6px 24px rgba(0,0,0,.12); opacity:1}\n\n\t.boru-detail{grid-column:3; position:sticky; top:var(--sticky); align-self:start}\n\t.boru-detail [hidden]{display:none !important;} \/* g\u00f6r\u00fcnmeyen kartlar yer kaplamas\u0131n *\/\n\t.boru-card{\n\t\tposition:relative; border:1px solid #e8eaee; border-radius:var(--odw-rad);\n\t\tpadding:22px; background:#fff; box-shadow:0 8px 30px rgba(0,0,0,.06);\n\t\tmin-height:246px; opacity:0; transform:translateY(8px);\n\t\ttransition:opacity .28s, transform .28s, box-shadow .28s;\n\t}\n\t\/* Y\u0131llar konteyneri: yaln\u0131z dikey, scrollbar gizli + mobilde sayfa scroll\u2019unu i\u00e7eri ta\u015f\u0131rma *\/\n\t.boru-years .years-scroll{\n\t\tcontain: paint;               \/* repaint izolasyonu *\/\n\t\toverscroll-behavior: contain; \/* parent sayfa scroll\u2019una s\u0131\u00e7rama olmas\u0131n *\/\n\t\ttouch-action: pan-y;          \/* dikey s\u00fcr\u00fckleme niyeti net *\/\n\t}\n\t.boru-years .years-scroll{\n\t\tposition:relative; width:min(480px,88%); height:100%;\n\t\toverflow-y:auto; overflow-x:hidden;\n\t\tscroll-snap-type:y mandatory; padding:12px 6px;\n\t\tscrollbar-width:none; -ms-overflow-style:none;\n\t\tcontain: paint; overscroll-behavior: contain; touch-action: pan-y;\n\t}\n\t.boru-years .years-scroll::-webkit-scrollbar{width:0;height:0}\n\n\t\/* \u2b07\ufe0f YEN\u0130: dinamik pad\u2019ler (y\u00fckseklik JS ile atanacak) *\/\n\t.boru-pad{height:0}\n\n\t\/* GPU ipu\u00e7lar\u0131 (titreme azalt\u0131r) *\/\n\t.boru-year{\n\t\twill-change: transform, opacity;\n\t\tbackface-visibility: hidden;\n\t\ttransform: translateZ(0) scale(var(--s,1));\n\t}\n\t.boru-card{\n\t\twill-change: opacity, transform;\n\t\tbackface-visibility: hidden;\n\t\ttransform: translateZ(0) translateY(8px);\n\t}\n\n\t.boru-card.is-show{opacity:1; transform:none}\n\t.boru-card h3{color:var(--brand); margin:0 0 12px; font-size:30px; line-height:1.15}\n\t.boru-card .boru-body p{margin:.5em 0; color:#26323f}\n\t\/* ... mevcut stillerin ayn\u0131 yerinde k\u00fc\u00e7\u00fck ekler ... *\/\n\t.boru-years .years-scroll{ \/* mevcut sat\u0131rlar + *\/ contain: paint; }\n\t.boru-year{\n\t\t\/* mevcut \u00f6zellikleriniz aynen kals\u0131n, \u015funlar\u0131 ekleyin: *\/\n\t\twill-change: transform, opacity;\n\t\tbackface-visibility: hidden;\n\t\ttransform: translateZ(0) scale(var(--s,1));\n\t}\n\t.boru-card{\n\t\t\/* mevcut \u00f6zellikleriniz aynen kals\u0131n, \u015funlar\u0131 ekleyin: *\/\n\t\twill-change: opacity, transform;\n\t\tbackface-visibility: hidden;\n\t\ttransform: translateZ(0) translateY(8px);\n\t}\n\n\t\/* --- Karttan y\u0131la ba\u011flanan \u00e7izgi: aktif y\u0131l\u0131n merkezine denk gelecek \u015fekilde JS ile top ayarlan\u0131r --- *\/\n\t.boru-card::after{\n\t\tcontent:\"\"; position:absolute; left:-28px; top:var(--pinY, 28px);\n\t\twidth:28px; height:2px; background:var(--accent); opacity:.8; border-radius:2px;\n\t}\n\t.boru-year{\n\t\t\/* ... mevcutlar ... *\/\n\t\tscroll-snap-stop: always; \/* taray\u0131c\u0131 bir noktay\u0131 atlamas\u0131n *\/\n\t}\n\n\t.boru-nav{display:flex; justify-content:center; gap:12px; margin-top:16px}\n\t.boru-btn{\n\t\tdisplay:inline-flex; align-items:center; gap:8px;\n\t\tborder:1px solid var(--brand);\n\t\tbackground:var(--brand); color:#fff;\n\t\tborder-radius:999px; padding:10px 16px; cursor:pointer; font-weight:700\n\t}\n\t.boru-btn[disabled]{opacity:.45; cursor:not-allowed; filter:none}\n\t.boru-btn:hover{filter:brightness(1.08)}\n\t\/* Mobilde de D\u0130KEY kals\u0131n (yatay scroll yok) *\/\n\t@media (max-width:1024px){\n\t\t.boru-stage{grid-template-columns:1fr; gap:18px}\n\t\t.boru-years{grid-column:auto; position:static; height:var(--years-h)}\n\t\t.boru-detail{grid-column:auto; position:static}\n\t\t.boru-card::after{display:none} \/* mobilde ba\u011f \u00e7izgisi gizli *\/\n\t\t.boru-nav{justify-content:flex-end}\n\t\t.boru-year{height:84px; font-size:48px}\n\t}\n\t@media (prefers-reduced-motion: reduce){\n\t\t.boru-year,.boru-card{transition:none}\n\t}\n<\/style>\n<script>\n\t(function(){\n\n\t\tfunction initBoru(el){\n\t\t\tconst yearsWrap = el.querySelector('.years-scroll');\n\t\t\tconst items     = Array.from(el.querySelectorAll('.boru-year'));\n\t\t\tconst details   = new Map();\n\t\t\tconst prevBtn   = el.querySelector('[data-boru-nav=\"prev\"]');\n\t\t\tconst nextBtn   = el.querySelector('[data-boru-nav=\"next\"]');\n\t\t\tconst padStart  = yearsWrap.querySelector('.boru-pad-start');   \/\/ \u2b05\ufe0f YEN\u0130\n\t\t\tconst padEnd    = yearsWrap.querySelector('.boru-pad-end');     \/\/ \u2b05\ufe0f YEN\u0130\n\t\t\t\/\/ ... (di\u011fer de\u011fi\u015fkenlerin aynen devam)\n\n\t\t\tlet padPx = 0;                                                  \/\/ \u2b05\ufe0f YEN\u0130\n\t\t\t\/\/ \u2b07\ufe0f YEN\u0130: pad\u2019leri container ve y\u0131l y\u00fcksekli\u011fine g\u00f6re ayarla\n\t\t\tfunction updatePads(){\n\t\t\t\tconst itemH = items[0]?.offsetHeight || 80;\n\t\t\t\tpadPx = Math.max(0, Math.round((yearsWrap.clientHeight - itemH)\/2));\n\t\t\t\tif (padStart) padStart.style.height = padPx + 'px';\n\t\t\t\tif (padEnd)   padEnd.style.height   = padPx + 'px';\n\t\t\t\t}\n\n\t\t\t\tel.querySelectorAll('.boru-card[data-year]').forEach(c=>details.set(c.getAttribute('data-year'), c));\n\t\t\t\tif (!items.length) return;\n\n\t\t\t\t\/\/ --- Parametreler\n\t\t\t\tconst isMobile = window.matchMedia('(max-width: 1024px)').matches;\n\t\t\t\tconst BASE_HYST = isMobile ? 12 : 24;   \/\/ mobilde daha d\u00fc\u015f\u00fck\n\t\t\t\tlet HYST = BASE_HYST;\n\t\t\t\tlet activeIdx = -1;\n\t\t\t\tlet ticking   = false;\n\t\t\t\tlet lastSwitch = 0;\n\t\t\t\tconst SWITCH_MIN_MS = 120;\n\n\t\t\t\t\/\/ Dinamik histerezis: eleman y\u00fcksekli\u011fine g\u00f6re ayarla (mobilde daha duyarl\u0131)\n\t\t\t\tfunction tuneHysteresis(){\n\t\t\t\t\tconst h = items[0]?.offsetHeight || 80;\n\t\t\t\t\tHYST = Math.max(8, Math.min( Math.round(h * (isMobile ? 0.22 : 0.28)), 40 ));\n\t\t\t\t}\n\n\t\t\t\tfunction updateNav(i){\n\t\t\t\t\tif (prevBtn) prevBtn.disabled = (i <= 0);\n\t\t\t\t\tif (nextBtn) nextBtn.disabled = (i >= items.length-1);\n\t\t\t\t}\n\n\t\t\t\tfunction setPinToYear(i){\n\t\t\t\t\tconst yEl  = items[i]; if(!yEl) return;\n\t\t\t\t\tconst card = details.get(yEl.dataset.year); if(!card) return;\n\t\t\t\t\t\/\/ offsetTop\/scrollTop ile daha stabil \u00f6l\u00e7\u00fcm (layout reflow daha az)\n\t\t\t\t\tconst cardTop = card.offsetTop - card.parentElement.scrollTop;\n\t\t\t\t\tconst yearMid = (yEl.offsetTop + yEl.offsetHeight\/2) - yearsWrap.scrollTop;\n\t\t\t\t\tconst pin     = yearMid - cardTop;\n\t\t\t\t\tconst clamp   = Math.max(12, Math.min(card.offsetHeight - 12, pin));\n\t\t\t\t\tcard.style.setProperty('--pinY', clamp + 'px');\n\t\t\t\t}\n\n\t\t\t\tfunction applyActive(i, viaNav=false){\n\t\t\t\t\tif (i === activeIdx) return;\n\t\t\t\t\tconst now = performance.now();\n\t\t\t\t\tif (now - lastSwitch < SWITCH_MIN_MS && !viaNav) return; \/\/ \u00e7ok h\u0131zl\u0131 ard\u0131\u015f\u0131k tetik yok\n\t\t\t\t\tlastSwitch = now;\n\n\t\t\t\t\tconst y = items[i].dataset.year;\n\n\t\t\t\t\t\/\/ y\u0131l g\u00f6rsel durumu\n\t\t\t\t\titems.forEach((it, idx)=>{\n\t\t\t\t\t\tconst on = (idx===i);\n\t\t\t\t\t\tif (on !== it.classList.contains('is-active')){\n\t\t\t\t\t\t\tit.classList.toggle('is-active', on);\n\t\t\t\t\t\t\tit.setAttribute('aria-selected', on ? 'true' : 'false');\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\t\/\/ kartlar: sadece aktif g\u00f6r\u00fcn\u00fcr (di\u011ferleri display:none)\n\t\t\t\t\tdetails.forEach((card, key)=>{\n\t\t\t\t\t\tconst on = (key===y);\n\t\t\t\t\t\tif (on){\n\t\t\t\t\t\t\tcard.hidden = false;\n\t\t\t\t\t\t\trequestAnimationFrame(()=>card.classList.add('is-show'));\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tcard.classList.remove('is-show');\n\t\t\t\t\t\t\tcard.hidden = true;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tupdateNav(i);\n\n\t\t\t\t\tif (viaNav){\n\t\t\t\t\t\t\/\/ listeyi merkezle\n\t\t\t\t\t\tconst mid = yearsWrap.clientHeight \/ 2;\n\t\t\t\t\t\tconst targetMid = items[i].offsetTop - yearsWrap.scrollTop + items[i].offsetHeight\/2;\n\t\t\t\t\t\tyearsWrap.scrollBy({ top: targetMid - mid, behavior:'smooth' });\n\t\t\t\t\t}\n\n\t\t\t\t\tactiveIdx = i;\n\t\t\t\t\t\/\/ pin\u2019i bir sonraki frame\u2019de hizala\n\t\t\t\t\trequestAnimationFrame(()=>setPinToYear(activeIdx));\n\t\t\t\t}\n\n\t\t\t\t\/\/ Merkeze en yak\u0131n indeksi scrollTop tabanl\u0131 ve histerezisli hesapla\n\t\t\t\tfunction computeNearestIndex(){\n\t\t\t\t\tconst mid = yearsWrap.scrollTop + yearsWrap.clientHeight \/ 2;\n\n\t\t\t\t\t\/\/ aktif olan\u0131n uzakl\u0131\u011f\u0131\n\t\t\t\t\tlet dActive = Infinity;\n\t\t\t\t\tif (activeIdx >= 0){\n\t\t\t\t\t\tconst aMid = items[activeIdx].offsetTop + items[activeIdx].offsetHeight\/2;\n\t\t\t\t\t\tdActive = Math.abs(aMid - mid);\n\t\t\t\t\t}\n\n\t\t\t\t\tlet nearestIdx = 0, nearestD = Infinity;\n\t\t\t\t\tfor (let i=0;i<items.length;i++){\n\t\t\t\t\t\tconst c = items[i].offsetTop + items[i].offsetHeight\/2;\n\t\t\t\t\t\tconst d = Math.abs(c - mid);\n\n\t\t\t\t\t\t\/\/ g\u00f6rsel \u00f6l\u00e7ek\/opacity\n\t\t\t\t\t\tconst s = Math.max(1, 1.9 - (d\/300));\n\t\t\t\t\t\tconst o = Math.max(.35, 1.2 - (d\/300));\n\t\t\t\t\t\titems[i].style.setProperty('--s', s.toFixed(3));\n\t\t\t\t\t\titems[i].style.setProperty('--o', o.toFixed(3));\n\n\t\t\t\t\t\tif (d < nearestD){ nearestD = d; nearestIdx = i; }\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ histerezis: yeni ger\u00e7ekten belirgin \u015fekilde yak\u0131nsa de\u011fi\u015ftir\n\t\t\t\t\tif (activeIdx >= 0 && nearestIdx !== activeIdx){\n\t\t\t\t\t\tif (nearestD + HYST\/2 >= dActive) return activeIdx;\n\t\t\t\t\t}\n\t\t\t\t\treturn nearestIdx;\n\t\t\t\t}\n\n\t\t\t\tfunction onScroll(){\n\t\t\t\t\tif (ticking) return;\n\t\t\t\t\tticking = true;\n\t\t\t\t\trequestAnimationFrame(()=>{\n\t\t\t\t\t\tticking = false;\n\t\t\t\t\t\tlet idx = computeNearestIndex();\n\n\t\t\t\t\t\t\/\/ \u2b07\ufe0f tek kayd\u0131rmada en fazla 1 y\u0131l de\u011fi\u015fsin\n\t\t\t\t\t\tif (activeIdx >= 0) {\n\t\t\t\t\t\t\tconst diff = idx - activeIdx;\n\t\t\t\t\t\t\tif (Math.abs(diff) > 1) idx = activeIdx + Math.sign(diff);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tapplyActive(idx, false);\n\t\t\t\t\t});\n\t\t\t\t}\n\n\n\t\t\t\t\/\/ --- Ba\u015flat (INIT) ---\n\t\t\t\ttuneHysteresis();\n\t\t\t\tupdatePads();\n\t\t\t\t\/\/ 1. y\u0131l\u0131 merkeze getir (scrollTop ile)\n\t\t\t\tconst sTop = Math.max(\n\t\t\t\t\t0,\n\t\t\t\t\titems[0].offsetTop - (yearsWrap.clientHeight - items[0].offsetHeight) \/ 2\n\t\t\t\t);\n\t\t\t\tyearsWrap.scrollTop = sTop;\n\n\t\t\t\t\/\/ 1. y\u0131l\u0131 se\u00e7 ve pin\u2019i hizala\n\t\t\t\tapplyActive(0, false);\n\t\t\t\trequestAnimationFrame(()=>setPinToYear(0));\n\n\t\t\t\t\/\/ Scroll dinleyicisi\n\t\t\t\tlet wheelLock = false;\n\t\t\t\tyearsWrap.addEventListener('wheel', (e)=>{\n\t\t\t\t\tif (wheelLock) { e.preventDefault(); return; }\n\t\t\t\t\t\/\/ k\u00fc\u00e7\u00fck titre\u015fimleri ge\u00e7\n\t\t\t\t\tif (Math.abs(e.deltaY) < 2) return;\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\twheelLock = true;\n\n\t\t\t\t\tconst dir = e.deltaY > 0 ? 1 : -1;\n\t\t\t\t\tconst next = Math.min(items.length-1, Math.max(0, activeIdx + dir));\n\t\t\t\t\tapplyActive(next, true);\n\n\t\t\t\t\tsetTimeout(()=>wheelLock=false, 180); \/\/ momentum bitene kadar kilit\n\t\t\t\t}, {passive:false});\n\n\n\t\t\t\t\/\/ --- Resize: aktif y\u0131l\u0131 koru ve merkeze al ---\n\t\t\t\twindow.addEventListener('resize', () => requestAnimationFrame(() => {\n\t\t\t\t\ttuneHysteresis();\n\t\t\t\t\tupdatePads();\n\t\t\t\t\t\/\/ aktif y\u0131l\u0131 koru\n\t\t\t\t\tconst i = Math.max(0, activeIdx);\n\t\t\t\t\tconst mid = yearsWrap.clientHeight \/ 2;\n\t\t\t\t\tconst targetMid = items[i].offsetTop - yearsWrap.scrollTop + items[i].offsetHeight \/ 2;\n\t\t\t\t\tyearsWrap.scrollBy({ top: targetMid - mid, behavior: 'auto' });\n\t\t\t\t\tapplyActive(i, false);\n\t\t\t\t\tsetTimeout(() => setPinToYear(i), 60);\n\t\t\t\t}));\n\n\n\t\t\t\t\/\/ Geri\/\u0130leri\n\t\t\t\tprevBtn?.addEventListener('click', ()=>applyActive(Math.max(0, activeIdx-1), true));\n\t\t\t\tnextBtn?.addEventListener('click', ()=>applyActive(Math.min(items.length-1, activeIdx+1), true));\n\t\t\t}\n\n\t\t\t\tdocument.addEventListener('DOMContentLoaded', ()=>{\n\t\t\t\tdocument.querySelectorAll('.boru-wrap').forEach(initBoru);\n\t\t\t});\n\t\t\t})();\n<\/script>\n\n\n<div class=\"boru-wrap\" style=\"--odw-accent:#AF272B; --odw-brand:#0A0D31; --odw-sticky:140px; --odw-years-h:520px;\"><div class=\"boru-container\"><div class=\"boru-stage\"><div class=\"boru-years\" aria-label=\"Y\u0131llar listesi\"><div class=\"years-scroll\" role=\"listbox\"><div class=\"boru-rail\" aria-hidden=\"true\"><\/div><div class=\"boru-pad boru-pad-start\" aria-hidden=\"true\"><\/div><div class=\"boru-year is-active\" data-year=\"1991\" role=\"option\" aria-selected=\"true\">1991<\/div><div class=\"boru-year\" data-year=\"1995\" role=\"option\" aria-selected=\"false\">1995<\/div><div class=\"boru-year\" data-year=\"1997\" role=\"option\" aria-selected=\"false\">1997<\/div><div class=\"boru-year\" data-year=\"2003\" role=\"option\" aria-selected=\"false\">2003<\/div><div class=\"boru-year\" data-year=\"2004\" role=\"option\" aria-selected=\"false\">2004<\/div><div class=\"boru-year\" data-year=\"2005\" role=\"option\" aria-selected=\"false\">2005<\/div><div class=\"boru-year\" data-year=\"2006\" role=\"option\" aria-selected=\"false\">2006<\/div><div class=\"boru-year\" data-year=\"2009\" role=\"option\" aria-selected=\"false\">2009<\/div><div class=\"boru-year\" data-year=\"2011\" role=\"option\" aria-selected=\"false\">2011<\/div><div class=\"boru-year\" data-year=\"2012\" role=\"option\" aria-selected=\"false\">2012<\/div><div class=\"boru-year\" data-year=\"2013\" role=\"option\" aria-selected=\"false\">2013<\/div><div class=\"boru-year\" data-year=\"2014\" role=\"option\" aria-selected=\"false\">2014<\/div><div class=\"boru-year\" data-year=\"2015\" role=\"option\" aria-selected=\"false\">2015<\/div><div class=\"boru-year\" data-year=\"2016\" role=\"option\" aria-selected=\"false\">2016<\/div><div class=\"boru-year\" data-year=\"2017\" role=\"option\" aria-selected=\"false\">2017<\/div><div class=\"boru-year\" data-year=\"2020\" role=\"option\" aria-selected=\"false\">2020<\/div><div class=\"boru-pad boru-pad-end\" aria-hidden=\"true\"><\/div><\/div><\/div><div class=\"boru-detail\"><article id=\"boru-detail-1991\" class=\"boru-card is-show\" data-year=\"1991\" role=\"tabpanel\" ><h3>1991<\/h3><div class=\"boru-body\"><p>R\u00f6zma\u015f kuruldu.<\/p>\n<\/div><\/article><article id=\"boru-detail-1995\" class=\"boru-card\" data-year=\"1995\" role=\"tabpanel\" hidden><h3>1995<\/h3><div class=\"boru-body\"><p>Stabilizat\u00f6r \u00e7ubu\u011fu ve helezon yay \u00fcretim hatt\u0131na yat\u0131r\u0131m yap\u0131ld\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-1997\" class=\"boru-card\" data-year=\"1997\" role=\"tabpanel\" hidden><h3>1997<\/h3><div class=\"boru-body\"><p>Stabilizat\u00f6r \u00e7ubu\u011fu ve helezon yay \u00fcretimine ba\u015fland\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2003\" class=\"boru-card\" data-year=\"2003\" role=\"tabpanel\" hidden><h3>2003<\/h3><div class=\"boru-body\"><p>ISO\/TS 16949 belgesi al\u0131nd\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2004\" class=\"boru-card\" data-year=\"2004\" role=\"tabpanel\" hidden><h3>2004<\/h3><div class=\"boru-body\"><p>\u0130nd\u00fcksiyonla sarma ve boru tipi stabilizat\u00f6r \u00e7ubu\u011fu \u00fcretimi i\u00e7in ek yat\u0131r\u0131m yap\u0131ld\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2005\" class=\"boru-card\" data-year=\"2005\" role=\"tabpanel\" hidden><h3>2005<\/h3><div class=\"boru-body\"><p>So\u011fuk sar\u0131m \u00fcretimine yat\u0131r\u0131m yap\u0131ld\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2006\" class=\"boru-card\" data-year=\"2006\" role=\"tabpanel\" hidden><h3>2006<\/h3><div class=\"boru-body\"><p>Avrupa\u2019ya ihracata ba\u015fland\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2009\" class=\"boru-card\" data-year=\"2009\" role=\"tabpanel\" hidden><h3>2009<\/h3><div class=\"boru-body\"><p>Kamyon stabilizat\u00f6r \u00e7ubu\u011fu \u00fcretimi ba\u015flad\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2011\" class=\"boru-card\" data-year=\"2011\" role=\"tabpanel\" hidden><h3>2011<\/h3><div class=\"boru-body\"><p>Robotik stabilizat\u00f6r \u00e7ubu\u011fu \u00fcretim hatt\u0131 devreye al\u0131nd\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2012\" class=\"boru-card\" data-year=\"2012\" role=\"tabpanel\" hidden><h3>2012<\/h3><div class=\"boru-body\"><p>Alman otomotiv ana sanayi \u00fcreticilerine (OEM) do\u011frudan tedarik ba\u015flad\u0131 ve Almanya\u2019da depo kuruldu.<\/p>\n<\/div><\/article><article id=\"boru-detail-2013\" class=\"boru-card\" data-year=\"2013\" role=\"tabpanel\" hidden><h3>2013<\/h3><div class=\"boru-body\"><p>R\u00f6zma\u015f genel merkezinde Ar-Ge test merkezi yat\u0131r\u0131m\u0131 yap\u0131ld\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2014\" class=\"boru-card\" data-year=\"2014\" role=\"tabpanel\" hidden><h3>2014<\/h3><div class=\"boru-body\"><p>Yap\u0131\u015ft\u0131rma sonras\u0131 i\u015flem (post-bonding process) devreye al\u0131nd\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2015\" class=\"boru-card\" data-year=\"2015\" role=\"tabpanel\" hidden><h3>2015<\/h3><div class=\"boru-body\"><p>Helezon yaylarda \u00e7ift kaplama ve stabilizat\u00f6r \u00e7ubuklar\u0131nda e\u015fzamanl\u0131 \u00e7ift u\u00e7 d\u00f6vme yat\u0131r\u0131m\u0131 yap\u0131ld\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2016\" class=\"boru-card\" data-year=\"2016\" role=\"tabpanel\" hidden><h3>2016<\/h3><div class=\"boru-body\"><p>A\u011f\u0131rl\u0131k optimizasyonu, yeni gerilim giderme i\u015flemi (coil spring) ve i\u00e7ten shot peening i\u015flemi (stabilizat\u00f6r \u00e7ubu\u011fu) gibi alanlara yeni yat\u0131r\u0131mlar yap\u0131ld\u0131.<\/p>\n<\/div><\/article><article id=\"boru-detail-2017\" class=\"boru-card\" data-year=\"2017\" role=\"tabpanel\" hidden><h3>2017<\/h3><div class=\"boru-body\"><p>Yal\u0131n \u00fcretim ve yerle\u015fik kalite sistemi kuruldu.<\/p>\n<\/div><\/article><article id=\"boru-detail-2020\" class=\"boru-card\" data-year=\"2020\" role=\"tabpanel\" hidden><h3>2020<\/h3><div class=\"boru-body\"><p>\u201cR\u00d6ZMA\u015e\u201d markas\u0131 \u201cPHI\u201d olarak yeniden markaland\u0131.<\/p>\n<\/div><\/article><div class=\"boru-nav\">\n              <button class=\"boru-btn\" data-boru-nav=\"prev\" aria-label=\"Geri\">Geri<\/button>\n              <button class=\"boru-btn\" data-boru-nav=\"next\" aria-label=\"\u0130leri\">\u0130leri<\/button>\n            <\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kurulu\u015ftan Gelece\u011fe G\u00fc\u00e7l\u00fc Bir Yolculuk 1991 y\u0131l\u0131nda kurulan ve 2020\u2019de PHI Metal markas\u0131yla yeniden yap\u0131land\u0131r\u0131lan firmam\u0131z, otomotiv sekt\u00f6r\u00fcnde y\u00fcksek mukavemetli komponent \u00fcretiminde k\u00f6kl\u00fc bir uzmanl\u0131\u011fa sahiptir. Global pazarda g\u00fcvenilir bir \u00e7\u00f6z\u00fcm orta\u011f\u0131 olarak konumlanan PHI Metal, s\u00fcrd\u00fcr\u00fclebilirlik, yenilik\u00e7ilik ve kalite odakl\u0131 yakla\u015f\u0131m\u0131yla gelece\u011fi bug\u00fcnden in\u015fa etmeye devam etmektedir. 1991199519972003200420052006200920112012201320142015201620172020 1991 R\u00f6zma\u015f kuruldu. 1995 Stabilizat\u00f6r \u00e7ubu\u011fu&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-85","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/pages\/85","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":155,"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":993299,"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/pages\/85\/revisions\/993299"}],"wp:attachment":[{"href":"https:\/\/www.organicdn.com\/phi\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}