{"id":15925,"date":"2025-08-11T13:02:55","date_gmt":"2025-08-11T13:02:55","guid":{"rendered":"https:\/\/www.pivotal.com.tr\/pivotantes-dinterieur-heritage-p-vela\/"},"modified":"2026-03-17T07:48:15","modified_gmt":"2026-03-17T07:48:15","slug":"pivotantes-dinterieur-heritage-p-vela","status":"publish","type":"page","link":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/","title":{"rendered":"Pivotantes Dinterieur &#8211; Heritage P Vela"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15925\" class=\"elementor elementor-15925 elementor-9498\">\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-pivotantes-dinterieur\/\">\u21b5 Portes Pivotantes Dinterieur <\/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\">Heritage P Vela<\/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:#000\"\r\n          data-title=\"\u00c0 Lattes\"\r\n          data-desc=\"\"\r\n                    data-left=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Interior_Heritage_P_Vela_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Interior_Heritage_P_Vela_2.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Interior_Heritage_P_Vela_3.webp\"\r\n\r\ndata-bullets='[\r\n  {\"title\":\"Conception \u00c0 Double Panneau En Verre.\",\"text\":\"Le verre \u00e9maill\u00e9 appliqu\u00e9 recto-verso, le verre teint\u00e9 dans la masse ou le miroir cr\u00e9ent un design intemporel.\"},\r\n  {\"title\":\"Large Choix De Verres.\",\"text\":\"Disponibles en verre teint\u00e9 dans la masse, transparent, tremp\u00e9 de 8 mm ou verre feuillet\u00e9 tremp\u00e9.\"},\r\n  {\"title\":\"M\u00e9canisme Pivot \u00c9l\u00e9gant.\",\"text\":\"Le syst\u00e8me pivot FritsJurgens System One assure un mouvement parfait aux points sup\u00e9rieur et inf\u00e9rieur.\"},\r\n  {\"title\":\"Structure De Profil Sp\u00e9ciale.\",\"text\":\"Les profils en aluminium exclusifs Pivotal cr\u00e9ent une structure durable et \u00e9l\u00e9gante.\"},\r\n  {\"title\":\"Options De Finition Du Profil.\",\"text\":\"Apporte une touche distinctive \u00e0 l\u2019espace gr\u00e2ce aux options anodis\u00e9es, rev\u00eatement titane ou couleurs sp\u00e9ciales selon code RAL.\"}\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          \r\n          data-bullets='[\r\n            {\"title\":\"\u00c7ift Cam Panel Tasar\u0131m\u0131. \",\"text\":\"Arkal\u0131 \u00f6nl\u00fc uygulanan emaye boyal\u0131 cam, hamurundan renkli cam veya ayna ile zamans\u0131z bir tasar\u0131m olu\u015fturur.\"},\r\n            {\"title\":\"Zengin Cam Se\u00e7enekleri.\",\"text\":\"Hamurundan renkli, \u015feffaf, 8 mm temperli veya temperli lamine cam alternatifleri mevcuttur.\"},\r\n            {\"title\":\"Zarif Pivot Mekanizmas\u0131. \",\"text\":\"FritsJurgens System One pivot sistemi, hem alt hem \u00fcst noktada kusursuz hareket sa\u011flar.\"},\r\n            {\"title\":\"\u00d6zel Profil Yap\u0131s\u0131.\",\"text\":\"Pivotal\u2019in \u00f6zel al\u00fcminyum profilleri, uzun \u00f6m\u00fcrl\u00fc ve \u015f\u0131k bir g\u00f6vde olu\u015fturur.\"},\r\n            {\"title\":\"Profil Y\u00fczey Se\u00e7enekleri. \",\"text\":\"Eloksal, titanyum kaplama veya RAL kodlu \u00f6zel renk se\u00e7enekleri ile mek\u00e2na ayr\u0131cal\u0131k katar.\"}\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 Pivotantes Dinterieur Heritage P Vela 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 &hellip; <br \/><a href=\"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Pivotantes Dinterieur &#8211; Heritage P Vela<\/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-15925","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>Pivotantes Dinterieur - Heritage P Vela - 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\/pivotantes-dinterieur-heritage-p-vela\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pivotantes Dinterieur - Heritage P Vela - Pivotal Door Systems\" \/>\n<meta property=\"og:description\" content=\"\u21b5 Portes Pivotantes Dinterieur Heritage P Vela 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 &hellip; Continue reading Pivotantes Dinterieur &#8211; Heritage P Vela\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/\" \/>\n<meta property=\"og:site_name\" content=\"Pivotal Door Systems\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-17T07:48:15+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=\"12 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\\\/pivotantes-dinterieur-heritage-p-vela\\\/\",\"url\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-dinterieur-heritage-p-vela\\\/\",\"name\":\"Pivotantes Dinterieur - Heritage P Vela - Pivotal Door Systems\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#website\"},\"datePublished\":\"2025-08-11T13:02:55+00:00\",\"dateModified\":\"2026-03-17T07:48:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-dinterieur-heritage-p-vela\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-dinterieur-heritage-p-vela\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-dinterieur-heritage-p-vela\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pivotantes Dinterieur &#8211; Heritage P Vela\"}]},{\"@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":"Pivotantes Dinterieur - Heritage P Vela - 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\/pivotantes-dinterieur-heritage-p-vela\/","og_locale":"fr_FR","og_type":"article","og_title":"Pivotantes Dinterieur - Heritage P Vela - Pivotal Door Systems","og_description":"\u21b5 Portes Pivotantes Dinterieur Heritage P Vela 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 &hellip; Continue reading Pivotantes Dinterieur &#8211; Heritage P Vela","og_url":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/","og_site_name":"Pivotal Door Systems","article_modified_time":"2026-03-17T07:48:15+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/","url":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/","name":"Pivotantes Dinterieur - Heritage P Vela - Pivotal Door Systems","isPartOf":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/#website"},"datePublished":"2025-08-11T13:02:55+00:00","dateModified":"2026-03-17T07:48:15+00:00","breadcrumb":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-dinterieur-heritage-p-vela\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.pivotal.com.tr\/fr\/"},{"@type":"ListItem","position":2,"name":"Pivotantes Dinterieur &#8211; Heritage P Vela"}]},{"@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 Pivotantes Dinterieur Heritage P Vela 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\u2026","_links":{"self":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15925","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=15925"}],"version-history":[{"count":7,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15925\/revisions"}],"predecessor-version":[{"id":16760,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15925\/revisions\/16760"}],"wp:attachment":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/media?parent=15925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}