{"id":15888,"date":"2025-08-12T07:37:13","date_gmt":"2025-08-12T07:37:13","guid":{"rendered":"https:\/\/www.pivotal.com.tr\/panneaux-verde-tia\/"},"modified":"2026-03-17T07:15:39","modified_gmt":"2026-03-17T07:15:39","slug":"panneaux-verde-tia","status":"publish","type":"page","link":"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/","title":{"rendered":"Panneaux &#8211; Verde Tia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15888\" class=\"elementor elementor-15888 elementor-9754\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a65df74 e-flex e-con-boxed e-con e-parent\" data-id=\"a65df74\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b414ed5 e-con-full e-flex e-con e-child\" data-id=\"b414ed5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-979b9c0 elementor-widget elementor-widget-heading\" data-id=\"979b9c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/www.pivotal.com.tr\/fr\/portes-a-panneaux\/\">\u21b5 Portes Panneaux<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28d8788 elementor-widget elementor-widget-heading\" data-id=\"28d8788\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Verde Tia<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27d4025 e-flex e-con-boxed e-con e-parent\" data-id=\"27d4025\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc48f4 elementor-widget elementor-widget-html\" data-id=\"6dc48f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n\/\/ === VARYANT SAYISI (1, 2 veya 3) ===\r\nconst KVP_VARIANT_COUNT = 1;\r\n<\/script>\r\n\r\n<section class=\"kvp-variant-section v4\">\r\n  <!-- \u00dcST BA\u015eLIK + A\u00c7IKLAMA + SWATCH -->\r\n  <div class=\"kvp-head v3\">\r\n    <h2 id=\"kvp-title\" class=\"kvp-title\">Kompakt<\/h2>\r\n    <p id=\"kvp-desc\" class=\"kvp-desc\">\r\n      Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor.\r\n    <\/p>\r\n    <div class=\"kvp-swatch-group\">\r\n      <div class=\"kvp-swatches\" role=\"tablist\" aria-label=\"Renk se\u00e7enekleri\">\r\n        <!-- Varyant 1 -->\r\n        <button class=\"kvp-swatch is-active\" role=\"tab\" aria-selected=\"true\"\r\n          style=\"--sw:linear-gradient(90deg,#65a563,#ffffff)\"\r\n          data-title=\"Verde Tia\"\r\n          data-desc=\"\"\r\n                   data-left=\"\/wp-content\/uploads\/2025\/09\/Pivotal_VerdeTia\u00a9_Panel_Door_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/09\/Pivotal_VerdeTia\u00a9_Panel_Door_2.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/09\/Pivotal_VerdeTia\u00a9_Panel_Door_3.webp\"\r\n     data-bullets='[\r\n  {\"title\":\"Verde Tia est une porte affleurante unique qui associe avec ma\u00eetrise le marbre et des d\u00e9tails inox dor\u00e9s. Son design de poign\u00e9e \u00e9l\u00e9gant et sa finition irr\u00e9prochable, combin\u00e9s \u00e0 des syst\u00e8mes avanc\u00e9s de s\u00e9curit\u00e9 et d\u2019isolation, conf\u00e8rent aux espaces une identit\u00e9 prestigieuse.<br><br>\"},\r\n  {\"title\":\"Solutions de charni\u00e8res dissimul\u00e9es \u00e0 haute capacit\u00e9 de charge\",\"text\":\"Gr\u00e2ce aux syst\u00e8mes de charni\u00e8res Giesse Chic Door 160 et Dr Khan Klemmband AT3, un aspect minimaliste est obtenu tout en assurant une capacit\u00e9 de charge durable jusqu\u2019\u00e0 160\u2013180 kg.\"},\r\n  {\"title\":\"Int\u00e9gration avanc\u00e9e du syst\u00e8me de verrouillage\",\"text\":\"Les syst\u00e8mes de verrouillage multipoints Siegenia KFV \u00e9l\u00e8vent le niveau de s\u00e9curit\u00e9 tout en offrant \u00e0 l\u2019utilisateur un fonctionnement fiable et durable.\"},\r\n  {\"title\":\"Performance d\u2019isolation sup\u00e9rieure\",\"text\":\"Les joints vulcanis\u00e9s et les garnitures EPDM maximisent l\u2019\u00e9tanch\u00e9it\u00e9 aux jonctions ouvrant-cadre et garantissent de faibles valeurs U gr\u00e2ce aux barri\u00e8res thermiques.\"},\r\n  {\"title\":\"Conception de profil professionnelle\",\"text\":\"Le syst\u00e8me de profil PN95, avec sa structure en aluminium \u00e0 double paroi et ses sections optimis\u00e9es, offre une grande efficacit\u00e9 en r\u00e9sistance structurelle ainsi qu\u2019en isolation thermique et acoustique.\"},\r\n  {\"title\":\"Accessoire\",\"text\":\"La poign\u00e9e de porte sp\u00e9ciale aux tons dor\u00e9s et les d\u00e9tails inox cr\u00e9ent un contraste \u00e9l\u00e9gant en harmonie avec le marbre, compl\u00e9tant parfaitement le design.\"},\r\n  {\"title\":\"Rev\u00eatement \/ Mod\u00e9lisation\",\"text\":\"Les panneaux inox dor\u00e9s int\u00e9gr\u00e9s \u00e0 la surface en marbre, associ\u00e9s \u00e0 un savoir-faire d\u2019exception, conf\u00e8rent \u00e0 l\u2019espace un caract\u00e8re luxueux et unique.\"}\r\n]'\r\n          title=\"Siyah\"><span class=\"sr-only\">Siyah<\/span><\/button>\r\n\r\n        <!-- Varyant 2 -->\r\n        <button class=\"kvp-swatch\" role=\"tab\" aria-selected=\"false\"\r\n          style=\"--sw:linear-gradient(90deg,#cfcfcf,#666)\"\r\n          data-title=\"Kompakt \u2013 Gri\"\r\n          data-desc=\"Saten gri ton, \u00e7a\u011fda\u015f projelere zarif bir karakter katar.\"\r\n          data-left=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Vision_SL_SyncSlide_Sliding_Door_System_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Vision_SL_SyncSlide_Sliding_Door_System_Banner.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Vision_SL_TelescopicSlide_Sliding_Door_System_3.webp\"\r\n          data-bullets='[\r\n            {\"title\":\"Dayan\u0131m.\",\"text\":\"UV ve \u00e7izilme direnci y\u00fcksek saten y\u00fczey.\",\"icon\":\"shield\"},\r\n            {\"title\":\"Renk Uyumlar\u0131.\",\"text\":\"Metal ve beton dokularla \u00e7a\u011fda\u015f kombin.\",\"icon\":\"palette\"},\r\n            {\"title\":\"Detay.\",\"text\":\"Titanyum kaplama \u00e7\u0131ta se\u00e7ene\u011fi.\",\"icon\":\"spark\"},\r\n            {\"title\":\"Bak\u0131m.\",\"text\":\"Kolay temizlenen kompakt y\u00fczey.\",\"icon\":\"leaf\"}\r\n          ]'\r\n          title=\"Gri\"><span class=\"sr-only\">Gri<\/span><\/button>\r\n\r\n        <!-- Varyant 3 -->\r\n        <button class=\"kvp-swatch\" role=\"tab\" aria-selected=\"false\"\r\n          style=\"--sw:#8B4513\"\r\n          data-title=\"Kompakt \u2013 Ceviz\"\r\n          data-desc=\"S\u0131cak ceviz dokusu, mek\u00e2nlara do\u011fal bir his kazand\u0131r\u0131r.\"\r\n          data-left=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Heritage_SL_WallSlide_Sliding_Door_System_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Heritage_SL_Pocket_Slide_2.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Heritage_SL_Pocket_Slide_2.webp\"\r\n          data-bullets='[\r\n            {\"title\":\"Do\u011fal Doku.\",\"text\":\"Ger\u00e7ek\u00e7i ceviz damar hissi.\",\"icon\":\"leaf\"},\r\n            {\"title\":\"Kontrast.\",\"text\":\"Siyah donan\u0131mla g\u00fc\u00e7l\u00fc g\u00f6r\u00fcn\u00fcm.\",\"icon\":\"contrast\"},\r\n            {\"title\":\"Hissiyat.\",\"text\":\"Mat y\u00fczeyde yumu\u015fak dokunu\u015f.\",\"icon\":\"spark\"},\r\n            {\"title\":\"Uyum.\",\"text\":\"Ah\u015fap zemin ve cephelerle tam uyum.\",\"icon\":\"merge\"}\r\n          ]'\r\n          title=\"Ceviz\"><span class=\"sr-only\">Ceviz<\/span><\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- G\u00d6RSELLER -->\r\n  <div class=\"kvp-grid v2\">\r\n    <figure class=\"kvp-card kvp-left\">\r\n      <img decoding=\"async\" id=\"kvp-img-left\" class=\"kvp-img\"\r\n           src=\"\"\r\n           alt=\"\u00dcr\u00fcn ana g\u00f6rseli\" loading=\"lazy\" \/>\r\n    <\/figure>\r\n    <div class=\"kvp-right\">\r\n      <figure class=\"kvp-card\">\r\n        <img decoding=\"async\" id=\"kvp-img-right1\" class=\"kvp-img\"\r\n             src=\"\"\r\n             alt=\"\u00dcr\u00fcn detay \u00fcst\" loading=\"lazy\" \/>\r\n      <\/figure>\r\n      <figure class=\"kvp-card\">\r\n        <img decoding=\"async\" id=\"kvp-img-right2\" class=\"kvp-img\"\r\n             src=\"\"\r\n             alt=\"\u00dcr\u00fcn detay alt\" loading=\"lazy\" \/>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- ALT A\u00c7IKLAMA L\u0130STES\u0130 -->\r\n  <div class=\"kvp-below\">\r\n    <ul id=\"kvp-bullets\" class=\"kvp-bullets\"><\/ul>\r\n    <div class=\"kvp-ctas\">\r\n    \r\n      <a href=\"https:\/\/www.pivotal.com.tr\/fr\/materiel\/\" class=\"kvp-btn ghost\">VOIR L'\u00c9QUIPEMENT<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Temel d\u00fczen *\/\r\n.kvp-variant-section.v4 { --gap:14px; --radius:16px; --accent:#111; --muted:#555; max-width:1320px; margin:auto; padding:12px 14px; border-radius:22px; background:none; border:none!important; box-shadow:none!important; }\r\n.sr-only { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }\r\n\r\n\/* Ba\u015fl\u0131k - A\u00e7\u0131klama *\/\r\n.kvp-head.v3 { display:grid; gap:20px; align-items:center; grid-template-columns:auto 1fr auto }\r\n.kvp-title { margin:0; font-size:clamp(24px,3vw,35px); font-weight:900; line-height:1.15; -webkit-text-stroke:0.5px currentColor }\r\n.kvp-desc { margin:0; color:var(--muted); font-size:clamp(14px,1.6vw,20px); font-weight:600; padding:0 5% }\r\n\r\n\/* Swatch *\/\r\n.kvp-swatch-group { background:#fff; padding:10px 20px; border-radius:999px; box-shadow:none inset 0 0 0 1px rgba(0,0,0,.08),0 6px 16px rgba(0,0,0,.06) }\r\n.kvp-swatches { display:flex; gap:15px; align-items:center }\r\n.kvp-swatch { width:32px; height:32px; border:0; border-radius:999px; background:var(--sw,#ccc); box-shadow:inset 0 0 0 1px rgba(0,0,0,.15); cursor:pointer; transition:.15s; position:relative }\r\n.kvp-swatch:is(:hover,:focus-visible) { transform:translateY(-1px) }\r\n.kvp-swatch.is-active::after { content:\"\"; position:absolute; top:-4px; left:-4px; width:40px; height:40px; border-radius:50%; background: var(--sw, #ccc); padding:2px; -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), black calc(100% - 1px)); mask:radial-gradient(farthest-side, transparent calc(100% - 2px), black calc(100% - 1px)) }\r\n@media(max-width:820px){.kvp-head.v3{grid-template-columns:1fr}.kvp-swatch-group{order:3}}\r\n\r\n\/* G\u00f6rseller *\/\r\n.kvp-grid.v2 { margin-top:30px; display:grid; gap:var(--gap); grid-template-columns:1fr }\r\n.kvp-card { margin:0; border-radius:10px; overflow:hidden; background:#fff; border:none; box-shadow:none }\r\n.kvp-img {\r\n  width:100%;\r\n  height:clamp(140px, 10vw, 300px);\r\n  object-fit:cover;\r\n  display:block;\r\n  cursor:pointer;\r\n  opacity:1;\r\n  transition: opacity .4s ease; \/* yumu\u015fak ge\u00e7i\u015f *\/\r\n  -webkit-touch-callout:none; \/* iOS uzun bas men\u00fcs\u00fc *\/\r\n  -webkit-user-select:none;\r\n  user-select:none;\r\n}\r\n.kvp-img.is-fading { opacity:0; } \/* fade-out *\/\r\n.kvp-right { display:grid; gap:var(--gap); grid-template-rows:1fr 1fr }\r\n.kvp-right .kvp-img { height: auto; object-fit: cover; }\r\n\r\n@media (min-width: 980px) {.kvp-grid.v2 {grid-template-columns:minmax(0, 1.7fr) minmax(0, .8fr)}}\r\n@media (max-width: 979px) {.kvp-right {grid-template-columns:1fr 1fr; grid-template-rows:auto} .kvp-right .kvp-img {aspect-ratio:1 \/ 1; height:auto; object-fit:cover}}\r\n\r\n\/* Alt a\u00e7\u0131klama *\/\r\n.kvp-below{margin-top:50px!important}\r\n.kvp-bullets{list-style:none!important; margin:0!important; padding-left:20%!important; gap:10px!important; display:grid!important}\r\n.kvp-bullets li{display:block!important; padding:0!important; border:none!important; background:transparent!important; box-shadow:none!important; border-radius:0!important}\r\n.kvp-bullets .ico{display:none!important}\r\n.kvp-bullets b{display:block!important; margin:0 0 4px 0!important; font-weight:900!important; font-size:clamp(14px, 1.8vw, 20px)!important; line-height:1!important; color:#111!important}\r\n.kvp-bullets span{display:block!important; margin:0!important; font-weight:800!important; font-size:clamp(13px, 1.6vw, 18px)!important; line-height:1.55!important; color:#666!important}\r\n\r\n\/* CTA *\/\r\n.kvp-ctas{padding-left:20%!important; margin-top:18px!important; gap:12px!important; display:flex; flex-wrap:wrap}\r\n.kvp-btn {padding:6px 10px; border-radius:20px; background:var(--accent); color:#fff; text-decoration:none; font-size:11px; border:1px solid var(--accent); transition:opacity .15s,transform .12s}\r\n.kvp-btn:hover {opacity:.95; transform:translateY(-1px)}\r\n.kvp-btn.ghost {background:#fff; color:var(--accent)}\r\n\r\n\/* Lightbox *\/\r\n.lightbox {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.3s;}\r\n.lightbox.active {opacity: 1; pointer-events: auto;}\r\n.lightbox img {max-width: 90%; max-height: 90%; border-radius: 8px; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}\r\n\r\n\/* Eri\u015filebilirlik: hareket azaltma *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .kvp-img { transition: none !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"lightbox\" id=\"lightbox\" aria-hidden=\"true\">\r\n  <img decoding=\"async\" src=\"\" alt=\"B\u00fcy\u00fck G\u00f6rsel\" \/>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const titleEl = document.getElementById('kvp-title');\r\n  const descEl  = document.getElementById('kvp-desc');\r\n  const imgL = document.getElementById('kvp-img-left');\r\n  const imgR1= document.getElementById('kvp-img-right1');\r\n  const imgR2= document.getElementById('kvp-img-right2');\r\n  const bulletList = document.getElementById('kvp-bullets');\r\n  const allSwatches = Array.from(document.querySelectorAll('.kvp-swatch'));\r\n  const lightbox = document.getElementById('lightbox');\r\n  const lightboxImg = lightbox.querySelector('img');\r\n\r\n  \/\/ --- Varyant say\u0131s\u0131na g\u00f6re swatchlar\u0131 g\u00f6ster\/gizle ---\r\n  const visibleSwatches = allSwatches.slice(0, Math.max(1, Math.min(3, KVP_VARIANT_COUNT)));\r\n  allSwatches.forEach((btn, i)=>{\r\n    if (i >= visibleSwatches.length) {\r\n      btn.style.display = 'none';\r\n      btn.setAttribute('aria-hidden','true');\r\n      btn.setAttribute('tabindex','-1');\r\n    }\r\n  });\r\n\r\n  \/\/ Aktif bir swatch g\u00f6r\u00fcnm\u00fcyorsa ilk g\u00f6r\u00fcn\u00fcr olan\u0131 aktif yap\r\n  if (!visibleSwatches.some(s => s.classList.contains('is-active'))) {\r\n    visibleSwatches[0].classList.add('is-active');\r\n    visibleSwatches[0].setAttribute('aria-selected','true');\r\n    allSwatches.forEach(s=>{ if(s!==visibleSwatches[0]) s.classList.remove('is-active'); });\r\n  }\r\n\r\n  \/\/ Otomatik ge\u00e7i\u015f yaln\u0131zca 2+ varyantta \u00e7al\u0131\u015fs\u0131n\r\n  const canAutoRotate = visibleSwatches.length > 1;\r\n\r\n  let autoChange = canAutoRotate;\r\n  let currentIndex = visibleSwatches.findIndex(s=>s.classList.contains('is-active'));\r\n  if (currentIndex < 0) currentIndex = 0;\r\n  let timer;\r\n\r\n  const icons = {\r\n    shield: '<svg viewBox=\"0 0 24 24\"><path d=\"M12 2l7 3v6c0 5-3.5 9.3-7 11-3.5-1.7-7-6-7-11V5l7-3z\"\/><\/svg>',\r\n    palette:'<svg viewBox=\"0 0 24 24\"><path d=\"M12 3a9 9 0 100 18 3 3 0 003-3 2 2 0 012-2h1a4 4 0 000-8h-1a2 2 0 01-2-2 3 3 0 00-3-3z\"\/><\/svg>',\r\n    spark:  '<svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2 6 6 2-6 2-2 6-2-6-6-2 6-2 2-6z\"\/><\/svg>',\r\n    merge:  '<svg viewBox=\"0 0 24 24\"><path d=\"M7 3v6a5 5 0 005 5h2v4l5-5-5-5v4h-2a3 3 0 01-3-3V3H7z\"\/><\/svg>',\r\n    leaf:   '<svg viewBox=\"0 0 24 24\"><path d=\"M5 13c0 4.4 3.6 8 8 8 6 0 9-6 9-12-6 0-12 3-12 9-1.7-.3-5-2-5-5s2.5-5 5-5\"\/><\/svg>',\r\n    contrast:'<svg viewBox=\"0 0 24 24\"><path d=\"M12 2a10 10 0 100 20V2z\"\/><\/svg>'\r\n  };\r\n\r\n  function bulletItem(b){\r\n    const icon = icons[b.icon] || icons.spark;\r\n    return `<li><div class=\"ico\">${icon}<\/div><div><b>${b.title||''}<\/b><span>${b.text||''}<\/span><\/div><\/li>`;\r\n  }\r\n\r\n  function renderBullets(jsonStr){\r\n    let items = [];\r\n    try { items = JSON.parse(jsonStr||'[]'); } catch(e){ items = []; }\r\n    bulletList.innerHTML = items.map(bulletItem).join('');\r\n  }\r\n\r\n  \/\/ G\u00fcvenli fade-out \u2192 src de\u011fi\u015f \u2192 fade-in\r\n  function preloadSwap(img, src){\r\n    if(!img || !src) return;\r\n\r\n    if (!img.getAttribute('src')) { \/\/ ilk y\u00fckleme\r\n      img.src = src;\r\n      return;\r\n    }\r\n\r\n    const onEnd = (e)=>{\r\n      if (e.propertyName !== 'opacity') return;\r\n      const tmp = new Image();\r\n      tmp.onload = ()=>{\r\n        img.src = src;\r\n        img.classList.remove('is-fading'); \/\/ fade-in\r\n      };\r\n      tmp.src = src;\r\n      img.removeEventListener('transitionend', onEnd);\r\n    };\r\n\r\n    img.addEventListener('transitionend', onEnd);\r\n    requestAnimationFrame(()=> img.classList.add('is-fading')); \/\/ fade-out\r\n  }\r\n\r\n  function updateVariant(btn){\r\n    visibleSwatches.forEach(s=>{\r\n      const on = s===btn;\r\n      s.classList.toggle('is-active',on);\r\n      s.setAttribute('aria-selected', on?'true':'false');\r\n    });\r\n\r\n    \/\/ Ba\u015fl\u0131k + a\u00e7\u0131klama\r\n    titleEl.textContent = btn.dataset.title || '';\r\n    descEl.textContent  = btn.dataset.desc  || '';\r\n\r\n    \/\/ G\u00f6rseller (fade ile)\r\n    preloadSwap(imgL,  btn.dataset.left);\r\n    preloadSwap(imgR1, btn.dataset.right1);\r\n    preloadSwap(imgR2, btn.dataset.right2);\r\n\r\n    \/\/ Alt metinleri varyant ba\u015fl\u0131\u011f\u0131na g\u00f6re g\u00fcncelle\r\n    const vTitle = btn.getAttribute('title') || '';\r\n    if (imgL)  imgL.alt  = `\u00dcr\u00fcn ana g\u00f6rseli - ${vTitle}`;\r\n    if (imgR1) imgR1.alt = `\u00dcr\u00fcn detay \u00fcst - ${vTitle}`;\r\n    if (imgR2) imgR2.alt = `\u00dcr\u00fcn detay alt - ${vTitle}`;\r\n\r\n    \/\/ Bullet\u2019lar\r\n    renderBullets(btn.dataset.bullets);\r\n\r\n    currentIndex = visibleSwatches.indexOf(btn);\r\n  }\r\n\r\n  function startAutoChange(){\r\n    if (!canAutoRotate) return;\r\n    timer = setInterval(()=>{\r\n      if(!autoChange) return;\r\n      currentIndex = (currentIndex + 1) % visibleSwatches.length;\r\n      updateVariant(visibleSwatches[currentIndex]);\r\n    }, 5000);\r\n  }\r\n\r\n  \/\/ --- KAYDET MEN\u00dcS\u00dcN\u00dc ENGELLEME (masa\u00fcst\u00fc + dokunmatik) ---\r\n  function attachPreventSave(el){\r\n    if (!el) return;\r\n\r\n    \/\/ Masa\u00fcst\u00fc sa\u011f t\u0131k\r\n    el.addEventListener('contextmenu', e => e.preventDefault());\r\n\r\n    \/\/ Dokunmatik uzun basma: 500ms+ uzun basmay\u0131 engelle\r\n    let touchTimer = null;\r\n    const cancelTimer = ()=>{ if (touchTimer) { clearTimeout(touchTimer); touchTimer = null; } };\r\n\r\n    el.addEventListener('touchstart', (e)=>{\r\n      \/\/ passive:false \u015fart; aksi halde preventDefault etkisiz kal\u0131r\r\n      touchTimer = setTimeout(()=>{\r\n        \/\/ iOS\/Android \"resmi kaydet\" callout'unu engelle\r\n        e.preventDefault();\r\n      }, 500);\r\n    }, { passive:false });\r\n\r\n    el.addEventListener('touchend', cancelTimer, { passive:true });\r\n    el.addEventListener('touchcancel', cancelTimer, { passive:true });\r\n    el.addEventListener('touchmove', cancelTimer, { passive:true });\r\n\r\n    \/\/ Baz\u0131 taray\u0131c\u0131larda \u00e7ift t\u0131klama\/uzun basma kombinlerini k\u0131s\u0131tlamak i\u00e7in gesturestart\r\n    el.addEventListener('gesturestart', (e)=> e.preventDefault());\r\n  }\r\n\r\n  \/\/ Etkile\u015fimler\r\n  visibleSwatches.forEach((b)=>{\r\n    b.addEventListener('click', ()=>{\r\n      updateVariant(b);\r\n      autoChange = false; \/\/ t\u0131klan\u0131nca durdur\r\n      if (timer) clearInterval(timer);\r\n    });\r\n    b.addEventListener('keydown', e=>{\r\n      if(e.key==='Enter'||e.key===' '){\r\n        e.preventDefault();\r\n        updateVariant(b);\r\n        autoChange = false;\r\n        if (timer) clearInterval(timer);\r\n      }\r\n    });\r\n  });\r\n\r\n  \/\/ \u0130lk y\u00fckleme: aktif varyant\u0131 uygula\r\n  const active = visibleSwatches.find(s=>s.classList.contains('is-active')) || visibleSwatches[0];\r\n  if (active) { updateVariant(active); }\r\n\r\n  startAutoChange();\r\n\r\n  \/\/ Lightbox a\u00e7ma + korumalar\r\n  document.querySelectorAll('.kvp-img').forEach(img=>{\r\n    attachPreventSave(img);\r\n    img.addEventListener('click', ()=>{\r\n      if (!img.src) return;\r\n      lightboxImg.src = img.src;\r\n      lightbox.classList.add('active');\r\n      lightbox.setAttribute('aria-hidden','false');\r\n    });\r\n  });\r\n\r\n  attachPreventSave(lightboxImg);\r\n  lightbox.addEventListener('click', ()=>{\r\n    lightbox.classList.remove('active');\r\n    lightbox.setAttribute('aria-hidden','true');\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a49d51 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"0a49d51\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"pivot-wrap v2\">\r\n  <h2 class=\"pivot-title\">D\u00e9couvrez nos autres mod\u00e8les Pivot.<\/h2>\r\n\r\n  <div class=\"pivot-viewport\" id=\"pivotViewport\" aria-label=\"Mod\u00e8les Pivot\">\r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Blanca<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/BLANCA-kopya.webp\" alt=\"Mod\u00e8le de porte Blanca\">\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Wave<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/WAVE-kopya-scaled.webp\" alt=\"Mod\u00e8le de porte Wave\">\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Vertal<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/VERTAL-kopya.webp\" alt=\"Mod\u00e8le de porte Vertal\">\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Techno<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/TECHNO-kopya-scaled.webp\" alt=\"Mod\u00e8le de porte Techno\">\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Vario<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/TECHNO-C-kopya-scaled.webp\" alt=\"Mod\u00e8le de porte Vario\">\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Stripe<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/STRIPE-kopya.webp\" alt=\"Mod\u00e8le de porte Stripe\">\r\n      <\/div>\r\n    <\/article>\r\n    \r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Seban<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/SEBAN-kopya-scaled.webp\" alt=\"Mod\u00e8le de porte Seban\">\r\n      <\/div>\r\n    <\/article>\r\n    \r\n    <article class=\"pivot-card\">\r\n      <h3 class=\"pivot-name\">Crystal<\/h3>\r\n      <div class=\"pivot-imgbox\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/08\/CYRISTAL-kopya.webp\" alt=\"Mod\u00e8le de porte Crystal\">\r\n      <\/div>\r\n    <\/article>\r\n    \r\n  <\/div>\r\n\r\n  <div class=\"pivot-arrows\">\r\n    <button class=\"pivot-arrow\" id=\"prevBtn\" aria-label=\"Pr\u00e9c\u00e9dent\">\r\n      <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path d=\"M15 6l-6 6 6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n    <\/button>\r\n    <button class=\"pivot-arrow\" id=\"nextBtn\" aria-label=\"Suivant\">\r\n      <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ====== Genel ====== *\/\r\n.pivot-wrap.v2{\r\n  --gap: 10px;\r\n  --radius: 10px;\r\n  --card-bg: #dfdfdf;\r\n  --card-bd: 1px solid #1e1e1e;\r\n  --title: #111;\r\n  max-width: 1310px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n.pivot-title{\r\n  margin: 0 0 22px;\r\n  font-size: clamp(24px, 4vw, 35px);\r\n  font-weight: 900;\r\n  line-height: 1.05;\r\n  color: var(--title);\r\n  -webkit-text-stroke:0.5px currentColor\r\n}\r\n\r\n\/* ====== Viewport: yatay grid + snap ====== *\/\r\n.pivot-viewport{\r\n  display: grid;\r\n  grid-auto-flow: column;\r\n  grid-auto-columns: minmax(260px, 23%);\r\n  gap: var(--gap);\r\n  overflow-x: auto;\r\n  overscroll-behavior-x: contain;\r\n  scroll-snap-type: x mandatory;\r\n  scroll-behavior: smooth;\r\n  padding: 2px 6px 34px;\r\n\r\n  \/* Scrollbar gizleme *\/\r\n  scrollbar-width: none; \/* Firefox *\/\r\n}\r\n.pivot-viewport::-webkit-scrollbar {\r\n  display: none; \/* Chrome, Safari *\/\r\n}\r\n\r\n\/* ====== Kart ====== *\/\r\n.pivot-card{\r\n  scroll-snap-align: start;\r\n  background: var(--card-bg);\r\n  border: var(--card-bd);\r\n  border-radius: var(--radius);\r\n  padding: 26px 22px 22px;\r\n}\r\n.pivot-name{\r\n  margin: 0 0 14px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  letter-spacing: .3px;\r\n  font-size: clamp(12px, 2.4vw, 18px);\r\n  color: #111;\r\n}\r\n.pivot-imgbox{\r\n  aspect-ratio: 3\/5;\r\n  background: none;\r\n  border: none;\r\n  border-radius: calc(var(--radius) - 10px);\r\n  overflow: hidden;\r\n}\r\n.pivot-imgbox img{\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n\/* ====== Oklar (k\u00fc\u00e7\u00fclt\u00fclm\u00fc\u015f ve a\u015fa\u011f\u0131 al\u0131nm\u0131\u015f) ====== *\/\r\n.pivot-arrows{\r\n  position: absolute;\r\n  right: 8px;\r\n  bottom: -16px; \r\n  display: flex;\r\n  gap: 10px;\r\n}\r\n.pivot-arrow{\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(0,0,0,.35);\r\n  background: #fff;\r\n  display: grid;\r\n  place-items: center;\r\n  cursor: pointer;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,.12);\r\n  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;\r\n}\r\n.pivot-arrow:hover{\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 6px 16px rgba(0,0,0,.16);\r\n}\r\n.pivot-arrow:disabled{\r\n  opacity: .45;\r\n  cursor: not-allowed;\r\n}\r\n\r\n\/* ====== Responsive kolon geni\u015fli\u011fi ====== *\/\r\n@media (max-width: 1280px){\r\n  .pivot-viewport{ grid-auto-columns: minmax(260px, 26%); }\r\n}\r\n@media (max-width: 1024px){\r\n  .pivot-viewport{ grid-auto-columns: minmax(240px, 34%); }\r\n}\r\n@media (max-width: 768px){\r\n  .pivot-viewport{ grid-auto-columns: minmax(220px, 70%); }\r\n}\r\n@media (max-width: 480px){\r\n  .pivot-viewport{ grid-auto-columns: 88%; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const vp   = document.getElementById('pivotViewport');\r\n  const prev = document.getElementById('prevBtn');\r\n  const next = document.getElementById('nextBtn');\r\n\r\n  function updateArrows(){\r\n    prev.disabled = vp.scrollLeft <= 2;\r\n    const max = vp.scrollWidth - vp.clientWidth - 2;\r\n    next.disabled = vp.scrollLeft >= max;\r\n  }\r\n  function scrollStep(dir){\r\n    const card = vp.querySelector('.pivot-card');\r\n    const step = card ? (card.getBoundingClientRect().width + parseFloat(getComputedStyle(vp).columnGap || getComputedStyle(vp).gap || 0)) : vp.clientWidth * .9;\r\n    vp.scrollBy({ left: dir * step, behavior: 'smooth' });\r\n  }\r\n\r\n  \/\/ Oklar\r\n  prev.addEventListener('click', ()=>scrollStep(-1));\r\n  next.addEventListener('click', ()=>scrollStep(1));\r\n\r\n  \/\/ S\u00fcr\u00fckle-kayd\u0131r\r\n  let down=false, sx=0, sl=0;\r\n  vp.addEventListener('mousedown', e=>{ down=true; sx=e.pageX; sl=vp.scrollLeft; vp.style.cursor='grabbing'; });\r\n  document.addEventListener('mouseup', ()=>{ down=false; vp.style.cursor='auto'; });\r\n  document.addEventListener('mousemove', e=>{ if(!down) return; vp.scrollLeft = sl - (e.pageX - sx); });\r\n\r\n  \/\/ Klavye deste\u011fi\r\n  vp.setAttribute('tabindex','0');\r\n  vp.addEventListener('keydown', e=>{ if(e.key==='ArrowRight')scrollStep(1); if(e.key==='ArrowLeft')scrollStep(-1); });\r\n\r\n  vp.addEventListener('scroll', updateArrows, {passive:true});\r\n  window.addEventListener('resize', updateArrows);\r\n  updateArrows();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6829135 elementor-widget elementor-widget-html\" data-id=\"6829135\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"pv-values\">\r\n  <div class=\"pv-container\">\r\n    <h2 class=\"pv-title\">\r\n      Qu'est-ce qui fait de Pivotal<br>\r\n      plus que de simples portes ?\r\n    <\/h2>\r\n\r\n    <div class=\"pv-viewport\" id=\"pvViewport\" aria-label=\"Valeurs Pivotal\">\r\n      <article class=\"pv-card\">\r\n        <h3 class=\"pv-card-title\">Communication Transparente.<\/h3>\r\n        <p class=\"pv-card-text\">Nous instaurons une communication claire, nette et honn\u00eate \u00e0 chaque \u00e9tape du processus.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pv-card\">\r\n        <h3 class=\"pv-card-title\">Fabricant Agr\u00e9\u00e9<br>FritsJurgens.<\/h3>\r\n        <p class=\"pv-card-text\">Nous sommes un fabricant certifi\u00e9 de FritsJurgens, la marque de charni\u00e8res pivot les plus prestigieuses au monde.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pv-card\">\r\n        <h3 class=\"pv-card-title\">Mat\u00e9riaux et<br>\u00c9quipements Sup\u00e9rieurs.<\/h3>\r\n        <p class=\"pv-card-text\">Nous utilisons uniquement des composants et accessoires ayant fait leurs preuves \u00e0 l'\u00e9chelle mondiale.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pv-card\">\r\n        <h3 class=\"pv-card-title\">Pr\u00e9cision du D\u00e9tail et<br>de l'Artisanat.<\/h3>\r\n        <p class=\"pv-card-text\">Chaque ligne et chaque assemblage sont trait\u00e9s avec une rigueur absolue.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"pv-card\">\r\n        <h3 class=\"pv-card-title\">Flexibilit\u00e9 de<br>Conception.<\/h3>\r\n        <p class=\"pv-card-text\">Les dimensions, les finitions et les combinaisons sont fa\u00e7onn\u00e9es selon vos choix.<\/p>\r\n      <\/article>\r\n      \r\n      <article class=\"pv-card\">\r\n        <h3 class=\"pv-card-title\">Livraison dans le<br>Monde Entier.<\/h3>\r\n        <p class=\"pv-card-text\">Une livraison partout dans le monde gr\u00e2ce \u00e0 un emballage professionnel et une logistique s\u00e9curis\u00e9e.<\/p>\r\n      <\/article>\r\n      \r\n      <article class=\"pv-card\">\r\n        <h3 class=\"pv-card-title\">Expertise en<br>Syst\u00e8mes Pivot.<\/h3>\r\n        <p class=\"pv-card-text\">Les syst\u00e8mes pivotants sont notre sp\u00e9cialit\u00e9 et constituent le fondement de notre marque.<\/p>\r\n      <\/article>\r\n    <\/div>\r\n\r\n    <div class=\"pv-arrows\">\r\n      <button class=\"pv-arrow\" id=\"pvPrev\" aria-label=\"Pr\u00e9c\u00e9dent\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path d=\"M15 6l-6 6 6 6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"pv-arrow\" id=\"pvNext\" aria-label=\"Suivant\">\r\n        <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\"><path d=\"M9 18l6-6-6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n    <div class=\"pv-cta\">\r\n      <h3 class=\"pv-cta-title\">\r\n        Les portes se ferment, le projet s'ach\u00e8ve,<br>\r\n        Mais nous restons \u00e0 vos c\u00f4t\u00e9s, derri\u00e8re nos cr\u00e9ations.\r\n      <\/h3>\r\n      <a href=\"https:\/\/www.pivotal.com.tr\/fr\/contact\/\" class=\"pv-btn pv-btn-outline\">CONTACTEZ-NOUS<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* === B\u00f6l\u00fcm === *\/\r\n.pv-values{ --gap:28px; --radius:20px; --cardBg:#ececec; --cardBd:#bfbfbf; --ink:#111; --muted:#4b4b4b; }\r\n.pv-container{ max-width:1310px; margin:0 auto; padding: 0 1px; }\r\n\r\n\/* Ba\u015fl\u0131k *\/\r\n.pv-title{\r\n  margin: 16px 0 26px;\r\n  font-size: clamp(20px,4.4vw,35px);\r\n  line-height: 1.05;\r\n  color: var(--ink);\r\n  font-weight: 900;\r\n  -webkit-text-stroke:0.5px currentColor\r\n}\r\n\r\n\/* Viewport (yatay grid + snap) *\/\r\n.pv-viewport{\r\n  display:grid;\r\n  grid-auto-flow: column;\r\n  grid-auto-columns: minmax(280px, 24%);\r\n  gap: 15px;\r\n  overflow-x: auto;\r\n  overscroll-behavior-x: contain;\r\n  scroll-snap-type: x mandatory;\r\n  scroll-behavior: smooth;\r\n  padding: 4px 6px 40px;\r\n  \r\n  \/* Scrollbar gizleme *\/\r\n  scrollbar-width: none; \/* Firefox *\/\r\n}\r\n.pv-viewport::-webkit-scrollbar {\r\n  display: none; \/* Chrome, Safari *\/\r\n}\r\n\r\n\/* Kart *\/\r\n.pv-card{\r\n  scroll-snap-align: start;\r\n  background: var(--cardBg);\r\n  border: 1px solid var(--cardBd);\r\n  border-radius: 10px;\r\n  padding: 40px;\r\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);\r\n}\r\n.pv-card-title{\r\n  margin:0 0 10px;\r\n  font-weight: 900;\r\n  letter-spacing:.2px;\r\n  color: var(--ink);\r\n  font-size: clamp(14px,2.4vw,20px);\r\n  line-height: 1.15;\r\n}\r\n.pv-card-text{\r\n  margin:0;\r\n  color: var(--muted);\r\n  font-size: clamp(10px,1.7vw,14px);\r\n  font-weight: 600;\r\n  line-height: 1.55;\r\n}\r\n\r\n\/* Oklar *\/\r\n.pv-arrows{\r\n  position: relative;\r\n  height: 0;\r\n}\r\n.pv-arrows .pv-arrow{\r\n  position: absolute;\r\n  right: 54px;\r\n  bottom: 0;\r\n  transform: translateY(7px);\r\n  width: 34px;\r\n  height: 34px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(0,0,0,.35);\r\n  background:#fff;\r\n  display:grid;\r\n  place-items:center;\r\n  cursor:pointer;\r\n  box-shadow: 0 2px 8px rgba(0,0,0,.12);\r\n  transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;\r\n}\r\n.pv-arrows #pvNext{ right: 6px; }\r\n.pv-arrow:hover{ transform: translateY(6px); box-shadow: 0 6px 16px rgba(0,0,0,.16); }\r\n.pv-arrow:disabled{ opacity:.45; cursor:not-allowed; }\r\n\r\n\/* Alt slogan + buton *\/\r\n.pv-cta{ margin-top: 80px; }\r\n.pv-cta-title{\r\n  margin:0 0 16px;\r\n  font-size: clamp(16px,3.2vw,25px);\r\n  line-height: 1.2;\r\n  color: var(--ink);\r\n  font-weight: 900;\r\n  -webkit-text-stroke:0.5px currentColor\r\n}\r\n.pv-btn{\r\n  display:inline-block; padding:5px 10px; border-radius:999px;\r\n  text-decoration:none; font-weight:700; font-size:10px;\r\n  transition: transform .12s ease, opacity .15s ease;\r\n}\r\n.pv-btn-outline{\r\n  color: var(--ink); background:#fff; border:2px solid var(--ink);\r\n  box-shadow: 0 3px 0 rgba(0,0,0,.08);\r\n}\r\n.pv-btn:hover{ transform: translateY(-1px); opacity:.95; }\r\n\r\n\/* Responsive kolon geni\u015fli\u011fi *\/\r\n@media (max-width: 1280px){ .pv-viewport{ grid-auto-columns: minmax(280px, 28%); } }\r\n@media (max-width: 1024px){ .pv-viewport{ grid-auto-columns: minmax(260px, 38%); } }\r\n@media (max-width: 768px){ .pv-viewport{ grid-auto-columns: minmax(240px, 75%); } }\r\n@media (max-width: 480px){ .pv-viewport{ grid-auto-columns: 92%; } }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const vp   = document.getElementById('pvViewport');\r\n  const prev = document.getElementById('pvPrev');\r\n  const next = document.getElementById('pvNext');\r\n\r\n  function step(){\r\n    const card = vp.querySelector('.pv-card');\r\n    if(!card) return vp.clientWidth * .9;\r\n    const gap = parseFloat(getComputedStyle(vp).columnGap || getComputedStyle(vp).gap || 0);\r\n    return card.getBoundingClientRect().width + gap;\r\n  }\r\n  function updateArrows(){\r\n    prev.disabled = vp.scrollLeft <= 2;\r\n    const max = vp.scrollWidth - vp.clientWidth - 2;\r\n    next.disabled = vp.scrollLeft >= max;\r\n  }\r\n  function scrollByDir(dir){ vp.scrollBy({ left: dir * step(), behavior:'smooth' }); }\r\n\r\n  prev.addEventListener('click', ()=>scrollByDir(-1));\r\n  next.addEventListener('click', ()=>scrollByDir(1));\r\n  vp.addEventListener('scroll', updateArrows, {passive:true});\r\n  window.addEventListener('resize', updateArrows);\r\n\r\n  let down=false, sx=0, sl=0;\r\n  vp.addEventListener('mousedown', e=>{ down=true; sx=e.pageX; sl=vp.scrollLeft; vp.style.cursor='grabbing'; });\r\n  document.addEventListener('mouseup', ()=>{ down=false; vp.style.cursor='auto'; });\r\n  document.addEventListener('mousemove', e=>{ if(!down) return; vp.scrollLeft = sl - (e.pageX - sx); });\r\n\r\n  vp.setAttribute('tabindex','0');\r\n  vp.addEventListener('keydown', e=>{ if(e.key==='ArrowRight')scrollByDir(1); if(e.key==='ArrowLeft')scrollByDir(-1); });\r\n\r\n  updateArrows();\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u21b5 Portes Panneaux Verde Tia Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR L&rsquo;\u00c9QUIPEMENT D\u00e9couvrez nos autres mod\u00e8les Pivot. Blanca Wave Vertal Techno Vario Stripe Seban Crystal Qu&rsquo;est-ce qui fait de Pivotal plus que de simples portes ? Communication Transparente. Nous instaurons une communication claire, &hellip; <br \/><a href=\"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Panneaux &#8211; Verde Tia<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15888","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Panneaux - Verde Tia - Pivotal Door Systems<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panneaux - Verde Tia - Pivotal Door Systems\" \/>\n<meta property=\"og:description\" content=\"\u21b5 Portes Panneaux Verde Tia Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR L&rsquo;\u00c9QUIPEMENT D\u00e9couvrez nos autres mod\u00e8les Pivot. Blanca Wave Vertal Techno Vario Stripe Seban Crystal Qu&rsquo;est-ce qui fait de Pivotal plus que de simples portes ? Communication Transparente. Nous instaurons une communication claire, &hellip; Continue reading Panneaux &#8211; Verde Tia\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/\" \/>\n<meta property=\"og:site_name\" content=\"Pivotal Door Systems\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-17T07:15:39+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/panneaux-verde-tia\\\/\",\"url\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/panneaux-verde-tia\\\/\",\"name\":\"Panneaux - Verde Tia - Pivotal Door Systems\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#website\"},\"datePublished\":\"2025-08-12T07:37:13+00:00\",\"dateModified\":\"2026-03-17T07:15:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/panneaux-verde-tia\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/panneaux-verde-tia\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/panneaux-verde-tia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panneaux &#8211; Verde Tia\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/\",\"name\":\"Pivotal Door Systems\",\"description\":\"Pivot Kap\u0131 Pivot Door Fritsjurgens\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#organization\",\"name\":\"Pivotal Door Systems\",\"url\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.pivotal.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/favico.png\",\"contentUrl\":\"https:\\\/\\\/www.pivotal.com.tr\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/favico.png\",\"width\":500,\"height\":500,\"caption\":\"Pivotal Door Systems\"},\"image\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/pivotaltr\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Panneaux - Verde Tia - Pivotal Door Systems","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/","og_locale":"fr_FR","og_type":"article","og_title":"Panneaux - Verde Tia - Pivotal Door Systems","og_description":"\u21b5 Portes Panneaux Verde Tia Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR L&rsquo;\u00c9QUIPEMENT D\u00e9couvrez nos autres mod\u00e8les Pivot. Blanca Wave Vertal Techno Vario Stripe Seban Crystal Qu&rsquo;est-ce qui fait de Pivotal plus que de simples portes ? Communication Transparente. Nous instaurons une communication claire, &hellip; Continue reading Panneaux &#8211; Verde Tia","og_url":"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/","og_site_name":"Pivotal Door Systems","article_modified_time":"2026-03-17T07:15:39+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/","url":"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/","name":"Panneaux - Verde Tia - Pivotal Door Systems","isPartOf":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/#website"},"datePublished":"2025-08-12T07:37:13+00:00","dateModified":"2026-03-17T07:15:39+00:00","breadcrumb":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pivotal.com.tr\/fr\/panneaux-verde-tia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.pivotal.com.tr\/fr\/"},{"@type":"ListItem","position":2,"name":"Panneaux &#8211; Verde Tia"}]},{"@type":"WebSite","@id":"https:\/\/www.pivotal.com.tr\/fr\/#website","url":"https:\/\/www.pivotal.com.tr\/fr\/","name":"Pivotal Door Systems","description":"Pivot Kap\u0131 Pivot Door Fritsjurgens","publisher":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pivotal.com.tr\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.pivotal.com.tr\/fr\/#organization","name":"Pivotal Door Systems","url":"https:\/\/www.pivotal.com.tr\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.pivotal.com.tr\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.pivotal.com.tr\/wp-content\/uploads\/2025\/08\/favico.png","contentUrl":"https:\/\/www.pivotal.com.tr\/wp-content\/uploads\/2025\/08\/favico.png","width":500,"height":500,"caption":"Pivotal Door Systems"},"image":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/pivotaltr\/"]}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Musa","author_link":"https:\/\/www.pivotal.com.tr\/fr\/author\/musa\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/www.pivotal.com.tr\/fr\/?taxonomy=translation_priority&#038;term=facultatif\" rel=\"tag\">Facultatif<\/a>","rttpg_excerpt":"\u21b5 Portes Panneaux Verde Tia Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR L&rsquo;\u00c9QUIPEMENT D\u00e9couvrez nos autres mod\u00e8les Pivot. Blanca Wave Vertal Techno Vario Stripe Seban Crystal Qu&rsquo;est-ce qui fait de Pivotal plus que de simples portes ? Communication Transparente. Nous instaurons une communication claire,\u2026","_links":{"self":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15888","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/comments?post=15888"}],"version-history":[{"count":7,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15888\/revisions"}],"predecessor-version":[{"id":16708,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15888\/revisions\/16708"}],"wp:attachment":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/media?parent=15888"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}