{"id":15869,"date":"2025-08-10T19:53:05","date_gmt":"2025-08-10T19:53:05","guid":{"rendered":"https:\/\/www.pivotal.com.tr\/pivotantes-ceraglass\/"},"modified":"2026-03-17T07:23:55","modified_gmt":"2026-03-17T07:23:55","slug":"pivotantes-ceraglass","status":"publish","type":"page","link":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/","title":{"rendered":"Pivotantes &#8211; Ceraglass"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15869\" class=\"elementor elementor-15869 elementor-9284\">\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\/\">\u21b5 Portes Pivotantes<\/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\">Ceraglass<\/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 = 2;\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=\"C\u00e9ramique\"\r\n          data-desc=\"\"\r\n                  data-left=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Ceraglass\u00a9_Pivot_Door_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Ceraglass\u00a9_Pivot_Door_2.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Ceraglass\u00a9_Pivot_Door_3.webp\"\r\ndata-bullets='[\r\n  {\"title\":\"Ceraglass est une interpr\u00e9tation exclusive qui associe la robustesse de la c\u00e9ramique \u00e0 texture pierre \u00e0 l\u2019\u00e9l\u00e9gance transparente du verre tremp\u00e9. L\u2019union parfaite de ces deux mat\u00e9riaux apporte caract\u00e8re et profondeur aux architectures modernes.<br><br>\"},\r\n  {\"title\":\"Surface en c\u00e9ramique \u00e0 texture pierre sur le c\u00f4t\u00e9 gauche\",\"text\":\"La surface en c\u00e9ramique effet pierre avec rendu 3D n\u2019est pas seulement esth\u00e9tique mais aussi fonctionnelle. Gr\u00e2ce \u00e0 sa structure autonettoyante, elle ne n\u00e9cessite presque aucun entretien et conserve l\u2019aspect naturel de la mati\u00e8re au fil des ann\u00e9es.\"},\r\n  {\"title\":\"Verre tremp\u00e9 et poign\u00e9e int\u00e9gr\u00e9e sur le c\u00f4t\u00e9 droit\",\"text\":\"La surface en verre tremp\u00e9 du vantail droit ne constitue pas seulement un d\u00e9tail, elle remplit \u00e9galement la fonction de poign\u00e9e de tirage. Ce verre de 6 mm d\u2019\u00e9paisseur est \u00e0 la fois extr\u00eamement r\u00e9sistant et apporte de la profondeur au design.\"},\r\n  {\"title\":\"Verre prot\u00e9g\u00e9 par un cadre aluminium fin\",\"text\":\"La surface en verre est compl\u00e9t\u00e9e par l\u2019approche \u00e9l\u00e9gante du cadre Pivotal. Des profils en aluminium fins mais r\u00e9sistants entourent d\u00e9licatement le verre pour le prot\u00e9ger.\"},\r\n  {\"title\":\"Harmonie parfaite des surfaces\",\"text\":\"La c\u00e9ramique et le verre sont int\u00e9gr\u00e9s sur une structure sp\u00e9cialement con\u00e7ue et robuste. Des mat\u00e9riaux diff\u00e9rents se rejoignent parfaitement sur un m\u00eame plan.\"}\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,#666,#30385b)\"\r\n          data-title=\"C\u00e9ramique Led\"\r\n          data-desc=\"\"\r\n                    data-left=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Ceraglass\u00a9_LED_Pivot_Door_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Ceraglass\u00a9_LED_Pivot_Door_2.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Ceraglass\u00a9_LED_Pivot_Door_3.webp\"\r\n\r\ndata-bullets='[\r\n  {\"title\":\"Ceraglass est une interpr\u00e9tation exclusive qui associe la robustesse de la c\u00e9ramique \u00e0 texture pierre \u00e0 l\u2019\u00e9l\u00e9gance transparente du verre tremp\u00e9. L\u2019union parfaite de ces deux mat\u00e9riaux apporte caract\u00e8re et profondeur aux architectures modernes.<br><br>\"},\r\n  {\"title\":\"Surface en c\u00e9ramique \u00e0 texture pierre sur le c\u00f4t\u00e9 gauche\",\"text\":\"La surface en c\u00e9ramique effet pierre avec rendu 3D n\u2019est pas seulement esth\u00e9tique mais aussi fonctionnelle. Gr\u00e2ce \u00e0 sa structure autonettoyante, elle ne n\u00e9cessite presque aucun entretien et conserve l\u2019aspect naturel de la mati\u00e8re au fil des ann\u00e9es.\"},\r\n  {\"title\":\"Verre tremp\u00e9 et poign\u00e9e int\u00e9gr\u00e9e sur le c\u00f4t\u00e9 droit\",\"text\":\"La surface en verre tremp\u00e9 du vantail droit ne constitue pas seulement un d\u00e9tail, elle remplit \u00e9galement la fonction de poign\u00e9e de tirage. Ce verre de 6 mm d\u2019\u00e9paisseur est \u00e0 la fois extr\u00eamement r\u00e9sistant et apporte de la profondeur au design.\"},\r\n  {\"title\":\"Verre prot\u00e9g\u00e9 par un cadre aluminium fin\",\"text\":\"La surface en verre est compl\u00e9t\u00e9e par l\u2019approche \u00e9l\u00e9gante du cadre Pivotal. Des profils en aluminium fins mais r\u00e9sistants entourent d\u00e9licatement le verre pour le prot\u00e9ger.\"},\r\n  {\"title\":\"Harmonie parfaite des surfaces\",\"text\":\"La c\u00e9ramique et le verre sont int\u00e9gr\u00e9s sur une structure sp\u00e9cialement con\u00e7ue et robuste. Des mat\u00e9riaux diff\u00e9rents se rejoignent parfaitement sur un m\u00eame plan.\"}\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      <a href=\"https:\/\/www.pivotal.com.tr\/fr\/caracteristiques-des-portes-pivotantes\/\" class=\"kvp-btn\">VOIR LES CARACT\u00c9RISTIQUES<\/a>\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 6px 0!important; font-weight:900!important; font-size:clamp(14px, 1.8vw, 20px)!important; line-height:1.5!important; color:#111!important}\r\n.kvp-bullets span{display:block!important; margin:0!important; font-weight:800!important; font-size:clamp(12px, 1.6vw, 16px)!important; line-height:1.2!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-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 qu'une simple porte pivotante ?\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\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\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  \/\/ Mouse ile s\u00fcr\u00fckleme (masa\u00fcst\u00fc)\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\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 Ceraglass Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR LES CARACT\u00c9RISTIQUES 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 qu&rsquo;une simple porte pivotante ? Communication Transparente. Nous instaurons une &hellip; <br \/><a href=\"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Pivotantes &#8211; Ceraglass<\/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-15869","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pivotantes - Ceraglass - 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-ceraglass\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pivotantes - Ceraglass - Pivotal Door Systems\" \/>\n<meta property=\"og:description\" content=\"\u21b5 Portes Pivotantes Ceraglass Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR LES CARACT\u00c9RISTIQUES 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 qu&rsquo;une simple porte pivotante ? Communication Transparente. Nous instaurons une &hellip; Continue reading Pivotantes &#8211; Ceraglass\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/\" \/>\n<meta property=\"og:site_name\" content=\"Pivotal Door Systems\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-17T07:23:55+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=\"14 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-ceraglass\\\/\",\"url\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-ceraglass\\\/\",\"name\":\"Pivotantes - Ceraglass - Pivotal Door Systems\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#website\"},\"datePublished\":\"2025-08-10T19:53:05+00:00\",\"dateModified\":\"2026-03-17T07:23:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-ceraglass\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-ceraglass\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-ceraglass\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pivotantes &#8211; Ceraglass\"}]},{\"@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 - Ceraglass - 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-ceraglass\/","og_locale":"fr_FR","og_type":"article","og_title":"Pivotantes - Ceraglass - Pivotal Door Systems","og_description":"\u21b5 Portes Pivotantes Ceraglass Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR LES CARACT\u00c9RISTIQUES 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 qu&rsquo;une simple porte pivotante ? Communication Transparente. Nous instaurons une &hellip; Continue reading Pivotantes &#8211; Ceraglass","og_url":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/","og_site_name":"Pivotal Door Systems","article_modified_time":"2026-03-17T07:23:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/","url":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/","name":"Pivotantes - Ceraglass - Pivotal Door Systems","isPartOf":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/#website"},"datePublished":"2025-08-10T19:53:05+00:00","dateModified":"2026-03-17T07:23:55+00:00","breadcrumb":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-ceraglass\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.pivotal.com.tr\/fr\/"},{"@type":"ListItem","position":2,"name":"Pivotantes &#8211; Ceraglass"}]},{"@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 Ceraglass Kompakt Fundermax kompakt panel ile tasarlanan Elegance modeli, mat y\u00fczeyin derinli\u011fini minimalist \u00e7izgilerle birle\u015ftiriyor. Siyah Gri Ceviz VOIR LES CARACT\u00c9RISTIQUES 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 qu&rsquo;une simple porte pivotante ? Communication Transparente. Nous instaurons une\u2026","_links":{"self":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15869","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=15869"}],"version-history":[{"count":7,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15869\/revisions"}],"predecessor-version":[{"id":16717,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15869\/revisions\/16717"}],"wp:attachment":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/media?parent=15869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}