{"id":15861,"date":"2025-08-10T19:52:15","date_gmt":"2025-08-10T19:52:15","guid":{"rendered":"https:\/\/www.pivotal.com.tr\/pivotantes-mayfair\/"},"modified":"2026-03-17T07:38:55","modified_gmt":"2026-03-17T07:38:55","slug":"pivotantes-mayfair","status":"publish","type":"page","link":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/","title":{"rendered":"Pivotantes &#8211; Mayfair"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15861\" class=\"elementor elementor-15861 elementor-9293\">\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\">Mayfair<\/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=\"Noir\"\r\n          data-desc=\"\"\r\n                data-left=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Mayfair\u00a9_Black_Pivot_Door_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Mayfair\u00a9_Black_Pivot_Door_2.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Mayfair\u00a9_Black_Pivot_Door_3.webp\"\r\n\r\n data-bullets='[\r\n  {\"title\":\"Le mod\u00e8le Mayfair associe l\u2019\u00e9l\u00e9gance intemporelle des lignes traditionnelles aux technologies modernes des mat\u00e9riaux. Les d\u00e9tails d\u00e9coratifs classiques exclusifs de Pivotal, r\u00e9interpr\u00e9t\u00e9s avec la signature unique de la marque, se combinent \u00e0 une surface en aluminium robuste pour offrir une porte \u00e0 la fois esth\u00e9tique et durable. Ce mod\u00e8le adapte l\u2019\u00e9l\u00e9gance du pass\u00e9 aux architectures contemporaines.<br><br>\"},\r\n  {\"title\":\"Surface en aluminium \u00e0 l\u2019esprit classique :\",\"text\":\"Le corps principal de la porte \u00e9tant fabriqu\u00e9 en aluminium, il r\u00e9siste parfaitement au temps. Tout en refl\u00e9tant la forme des portes traditionnelles en bois, il offre une solution durable gr\u00e2ce \u00e0 sa structure m\u00e9tallique moderne.\"},\r\n  {\"title\":\"Application de baguettes d\u00e9coratives :\",\"text\":\"Les baguettes classiques sp\u00e9cialement con\u00e7ues par Pivotal apportent profondeur et atmosph\u00e8re historique \u00e0 la surface de la porte. Ces d\u00e9tails d\u00e9finissent le caract\u00e8re du mod\u00e8le et lui conf\u00e8rent une identit\u00e9 nostalgique.\"},\r\n  {\"title\":\"Mat\u00e9riau r\u00e9sistant aux conditions climatiques extr\u00eames :\",\"text\":\"Enti\u00e8rement fabriqu\u00e9 en aluminium, le mod\u00e8le Mayfair r\u00e9siste aux rayons du soleil, \u00e0 l\u2019humidit\u00e9, au gel et au vent. Son apparence et sa fonctionnalit\u00e9 restent intactes pendant de nombreuses ann\u00e9es.\"},\r\n  {\"title\":\"Option de couleur personnalis\u00e9e :\",\"text\":\"La fabrication selon le code RAL souhait\u00e9 permet une parfaite harmonie avec chaque projet architectural, assurant une int\u00e9gration visuelle compl\u00e8te avec la fa\u00e7ade du b\u00e2timent.\"},\r\n  {\"title\":\"Structure personnalisable avec accessoires :\",\"text\":\"Pour les utilisateurs souhaitant accentuer le style classique, le mod\u00e8le peut \u00eatre personnalis\u00e9 avec diff\u00e9rentes poign\u00e9es, rosaces ou heurtoirs, permettant \u00e0 chaque porte Mayfair d\u2019avoir un style unique.\"}\r\n]'\r\n          title=\"Siyah\"><span class=\"sr-only\">Siyah<\/span><\/button>\r\n\r\n        <!-- Varyant 2 -->\r\n        <button class=\"kvp-swatch\" role=\"tab\" aria-selected=\"false\"\r\n          style=\"--sw:linear-gradient(90deg,##666)\"\r\n          data-title=\"Blanc\"\r\n          data-desc=\"\"\r\n                  data-left=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Mayfair\u00a9_White_Pivot_Door_1.webp\"\r\n          data-right1=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Mayfair\u00a9_White_Pivot_Door_2.webp\"\r\n          data-right2=\"\/wp-content\/uploads\/2025\/08\/Pivotal_Mayfair\u00a9_White_Pivot_Door_3.webp\"\r\ndata-bullets='[\r\n  {\"title\":\"Le mod\u00e8le Mayfair associe l\u2019\u00e9l\u00e9gance intemporelle des lignes traditionnelles aux technologies modernes des mat\u00e9riaux. Les d\u00e9tails d\u00e9coratifs classiques exclusifs de Pivotal, r\u00e9interpr\u00e9t\u00e9s avec la signature unique de la marque, se combinent \u00e0 une surface en aluminium robuste pour offrir une porte \u00e0 la fois esth\u00e9tique et durable. Ce mod\u00e8le adapte l\u2019\u00e9l\u00e9gance du pass\u00e9 aux architectures contemporaines.<br><br>\"},\r\n  {\"title\":\"Surface en aluminium \u00e0 l\u2019esprit classique :\",\"text\":\"Le corps principal de la porte \u00e9tant fabriqu\u00e9 en aluminium, il r\u00e9siste parfaitement au temps. Tout en refl\u00e9tant la forme des portes traditionnelles en bois, il offre une solution durable gr\u00e2ce \u00e0 sa structure m\u00e9tallique moderne.\"},\r\n  {\"title\":\"Application de baguettes d\u00e9coratives :\",\"text\":\"Les baguettes classiques sp\u00e9cialement con\u00e7ues par Pivotal apportent profondeur et atmosph\u00e8re historique \u00e0 la surface de la porte. Ces d\u00e9tails d\u00e9finissent le caract\u00e8re du mod\u00e8le et lui conf\u00e8rent une identit\u00e9 nostalgique.\"},\r\n  {\"title\":\"Mat\u00e9riau r\u00e9sistant aux conditions climatiques extr\u00eames :\",\"text\":\"Enti\u00e8rement fabriqu\u00e9 en aluminium, le mod\u00e8le Mayfair r\u00e9siste aux rayons du soleil, \u00e0 l\u2019humidit\u00e9, au gel et au vent. Son apparence et sa fonctionnalit\u00e9 restent intactes pendant de nombreuses ann\u00e9es.\"},\r\n  {\"title\":\"Option de couleur personnalis\u00e9e :\",\"text\":\"La fabrication selon le code RAL souhait\u00e9 permet une parfaite harmonie avec chaque projet architectural, assurant une int\u00e9gration visuelle compl\u00e8te avec la fa\u00e7ade du b\u00e2timent.\"},\r\n  {\"title\":\"Structure personnalisable avec accessoires :\",\"text\":\"Pour les utilisateurs souhaitant accentuer le style classique, le mod\u00e8le peut \u00eatre personnalis\u00e9 avec diff\u00e9rentes poign\u00e9es, rosaces ou heurtoirs, permettant \u00e0 chaque porte Mayfair d\u2019avoir un style unique.\"}\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\":\"Mayfair modeli, geleneksel \u00e7izgilerin zamans\u0131z \u015f\u0131kl\u0131\u011f\u0131n\u0131 modern malzeme teknolojisiyle bulu\u015fturur. Pivotal\u2019in \u00f6zg\u00fcn yorumuyla hayat bulan Pivotal\u2019in \u00f6zel klasik dekoratif detaylar\u0131, g\u00fc\u00e7l\u00fc al\u00fcminyum y\u00fczeyle birle\u015ferek hem estetik hem de dayan\u0131kl\u0131 bir kap\u0131 deneyimi sunar. Bu model, ge\u00e7mi\u015fin zarafetini bug\u00fcn\u00fcn yap\u0131lar\u0131yla uyumlu hale getirir.<br><br>\"},\r\n            {\"title\":\"Klasik Ruhu Ta\u015f\u0131yan Al\u00fcminyum Y\u00fczey:\",\"text\":\"Kap\u0131n\u0131n ana g\u00f6vdesi al\u00fcminyumdan \u00fcretildi\u011fi i\u00e7in zamana kar\u015f\u0131 diren\u00e7lidir. Geleneksel ah\u015fap kap\u0131lar\u0131n formunu yans\u0131t\u0131rken, modern metal yap\u0131s\u0131yla uzun \u00f6m\u00fcrl\u00fc bir \u00e7\u00f6z\u00fcm sunar.\"},\r\n            {\"title\":\"Dekoratif \u00c7\u0131ta Uygulamas\u0131:\",\"text\":\"Pivotal\u2019in \u00f6zel klasik formlu \u00e7\u0131talar\u0131, kap\u0131 y\u00fczeyine derinlik ve tarihi bir atmosfer katar. Bu detaylar, modelin karakteristik g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc tan\u0131mlar ve ona nostaljik bir kimlik kazand\u0131r\u0131r.\"},\r\n            {\"title\":\"Zorlu \u0130klimlere Dayan\u0131kl\u0131 Malzeme:\",\"text\":\"Mayfair modeli tamamen al\u00fcminyumdan \u00fcretildi\u011fi i\u00e7in g\u00fcne\u015f \u0131\u015f\u0131\u011f\u0131, nem, don, r\u00fczgar gibi d\u0131\u015f \u00e7evre ko\u015fullar\u0131ndan etkilenmez. Bu sayede g\u00f6r\u00fcn\u00fcm ve i\u015flevsellik y\u0131llarca bozulmadan korunur.\"},\r\n            {\"title\":\"Ki\u015fiye \u00d6zel Renk Se\u00e7ene\u011fi:\",\"text\":\"\u0130stenilen RAL koduyla \u00fcretim yap\u0131labildi\u011fi i\u00e7in, projeye \u00f6zel renk uyumu rahatl\u0131kla sa\u011flanabilir. B\u00f6ylece yap\u0131 cephesiyle b\u00fct\u00fcnl\u00fck kuran bir g\u00f6rsellik elde edilir.\"},\r\n            {\"title\":\"Aksesuarlarla Zenginle\u015ftirilebilir Yap\u0131:\",\"text\":\"Klasik tarz\u0131n detaylar\u0131n\u0131 \u00f6ne \u00e7\u0131karmak isteyen kullan\u0131c\u0131lar i\u00e7in, farkl\u0131 kulp, rozet ya da tokmak gibi aksesuarlarla model \u00f6zelle\u015ftirilebilir. Bu sayede her Mayfair kap\u0131s\u0131 kendine \u00f6zg\u00fc bir stille sunulabilir.\"}\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 Mayfair 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-mayfair\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Pivotantes &#8211; Mayfair<\/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-15861","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 - Mayfair - 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-mayfair\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pivotantes - Mayfair - Pivotal Door Systems\" \/>\n<meta property=\"og:description\" content=\"\u21b5 Portes Pivotantes Mayfair 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; Mayfair\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/\" \/>\n<meta property=\"og:site_name\" content=\"Pivotal Door Systems\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-17T07:38: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=\"15 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-mayfair\\\/\",\"url\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-mayfair\\\/\",\"name\":\"Pivotantes - Mayfair - Pivotal Door Systems\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/#website\"},\"datePublished\":\"2025-08-10T19:52:15+00:00\",\"dateModified\":\"2026-03-17T07:38:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-mayfair\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-mayfair\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/pivotantes-mayfair\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/www.pivotal.com.tr\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pivotantes &#8211; Mayfair\"}]},{\"@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 - Mayfair - 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-mayfair\/","og_locale":"fr_FR","og_type":"article","og_title":"Pivotantes - Mayfair - Pivotal Door Systems","og_description":"\u21b5 Portes Pivotantes Mayfair 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; Mayfair","og_url":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/","og_site_name":"Pivotal Door Systems","article_modified_time":"2026-03-17T07:38:55+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/","url":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/","name":"Pivotantes - Mayfair - Pivotal Door Systems","isPartOf":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/#website"},"datePublished":"2025-08-10T19:52:15+00:00","dateModified":"2026-03-17T07:38:55+00:00","breadcrumb":{"@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pivotal.com.tr\/fr\/pivotantes-mayfair\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.pivotal.com.tr\/fr\/"},{"@type":"ListItem","position":2,"name":"Pivotantes &#8211; Mayfair"}]},{"@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 Mayfair 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\/15861","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=15861"}],"version-history":[{"count":7,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15861\/revisions"}],"predecessor-version":[{"id":16726,"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/pages\/15861\/revisions\/16726"}],"wp:attachment":[{"href":"https:\/\/www.pivotal.com.tr\/fr\/wp-json\/wp\/v2\/media?parent=15861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}