
/* ==========================================================================
   Presmetal — tema stil mimarisi
   --------------------------------------------------------------------------
   Bu dosya temanın TEK özel CSS dosyasıdır. site.css / preferences.css /
   history.css / vision.css / inner-header.css / revisions.css burada
   birleştirilmiştir.

   ÇALIŞMA KURALI — Elementor önceliklidir:

   1) Elementor'un panelinden yapılabilen hiçbir ayar burada sabitlenmez.
      Buradaki değerler yalnızca VARSAYILAN'dır; Elementor'da bir değer
      girildiği anda Elementor kazanır.

   2) Specificity bütçesi. Elementor'un ürettiği kurallar:
        widget iç hedefi   .elementor-200 .elementor-element.elementor-element-x .y   (0,4,0)
        widget kutusu      .elementor-200 .elementor-element.elementor-element-x      (0,3,0)
        container          aynı, custom property yazar                                (0,3,0)
      Bu yüzden tema selector'ları en fazla 3 class kullanır. `body.presmetal-site`
      gibi önekler KULLANILMAZ — Elementor'u ezerler.

   3) Container geometrisi property ile değil, Elementor'un custom
      property'leri ile yazılır:
        padding  -> --padding-top / --padding-right / --padding-bottom / --padding-left
        gap      -> --row-gap / --column-gap (ve uyum için --gap)
        width    -> --width           min-height -> --min-height
        flex     -> --flex-direction / --align-items / --justify-content / --flex-wrap
      Sebep: Elementor `padding:var(--padding-block-start)` yazar; doğrudan
      `padding:` yazmak Elementor ayarını matematiksel olarak imkânsız kılar.
      Widget'larda ise Elementor doğrudan property yazdığı için doğrudan
      property kullanılır.

   4) `!important` yalnızca Elementor'dan yapılamayan işler için kullanılır
      (çok katmanlı header arkaplanı, footer gradient'i, erişilebilirlik).
      Her biri yerinde gerekçelendirilmiştir.

   5) `.elementor-element` öneki yalnızca Elementor'un tema CSS'inden SONRA
      yüklenen widget dosyalarını (widget-image.min.css gibi) yenmek gerektiğinde
      kullanılır; bu durumlar yerinde işaretlidir.

   Ana kırılım noktaları: 1279px (tablet) ve 767px (mobil).
   ========================================================================== */


/* ==========================================================================
   1. TASARIM TOKEN'LARI
   Yalnızca gerçek global tasarım token'ları. Font boyutları bilinçli olarak
   değişkene bağlanmaz — onlar Elementor'un işidir.
   ========================================================================== */
:root{
 --pm-blue:#0079c1;
 --pm-ink:#262a31;
 --pm-navy:#29394f;
 --pm-muted:#62666b;
 --pm-line:#0079c1;
 --pm-width:1280px;
 --pm-frame:min(1280px,calc(100% - 80px));
}
@media(min-width:1280px) and (max-width:1599px){:root{--pm-frame:min(1280px,calc(100% - 280px))}}
@media(max-width:1279px){:root{--pm-frame:calc(100% - 56px)}}
@media(max-width:767px){:root{--pm-frame:calc(100% - 32px)}}


/* ==========================================================================
   2. TEMEL KATMAN
   ========================================================================== */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;color:var(--pm-ink);background:#fff;font-family:'Titillium Text',Arial,sans-serif;font-size:17px;font-weight:300;line-height:1.45}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #0079c1;outline-offset:5px}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
h1,h2,h3,h4{font-family:'Dekar',sans-serif;font-weight:700;line-height:1.12;margin:0}
h1,h2{color:var(--pm-blue)}
.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:white;z-index:99999}
.skip-link:focus{top:8px}

/* Elementor kullanılmayan sayfalar ve 404 için yedek şablon. */
.pm-fallback{max-width:var(--pm-width);margin:80px auto;min-height:40vh;padding:0 24px}
.pm-fallback h1{margin-bottom:28px}
.fallback-header{background:var(--pm-navy);padding:24px;color:white}

/* Kısa sayfalarda footer'ın ekranın altına yapışması; belge akışı korunur. */
.presmetal-site{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.presmetal-site>#main-content{flex:1 0 auto;width:100%}
.presmetal-site>.elementor-location-header,.presmetal-site>.elementor-location-footer{flex-shrink:0;width:100%}
.presmetal-site.admin-bar{min-height:calc(100vh - var(--wp-admin--admin-bar--height,32px));min-height:calc(100svh - var(--wp-admin--admin-bar--height,32px))}


/* ==========================================================================
   3. ELEMENTOR KÖPRÜSÜ
   Elementor'un kendi varsayılanlarını temanın taban değerlerine çeker.
   Hepsi (0,1,0)/(0,2,0) — Elementor'un (0,3,0) kuralları bunları ezer.
   ========================================================================== */

/* Container'ların varsayılan iç boşluğu sıfırlanır; bileşenler kendi
   --padding-* değerini verir, Elementor paneli ikisini de ezebilir.
   --row-gap/--column-gap bilinçli olarak sıfırlanmaz: dokunulmamış
   container'lar Elementor kit'inin 20px varsayılanını korur. */
.e-con{--container-widget-width:100%;--container-widget-flex-grow:0;--gap:0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px}
.elementor-widget:not(:last-child){margin-block-end:0}

/* Container köprüsü.
   Elementor üç container değişkenini iki class ile yazar:
     .e-con.e-flex{--flex-direction:column}
     @media(max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:…}}
   Tema kurallarının tek class kalabilmesi için bu üçü birer ara değişkenden
   okunur. Elementor panelinden değer verildiğinde ürettiği üç class'lı
   `.elementor-N .elementor-element.elementor-element-x{…}` kuralı bu satırı
   ezer, yani panel yine kazanır.
   `inherits:false` şart: Elementor kendi değişkenlerini her container'da
   yeniden tanımladığı için kalıtım yaşanmaz; ara değişkenlerde yaşanır ve
   örneğin satır yönü iç container'lara sızardı. */
@property --pm-flex-direction{syntax:'*';inherits:false}
@property --pm-con-width{syntax:'*';inherits:false}
@property --pm-flex-wrap{syntax:'*';inherits:false}
.e-con.e-flex{--flex-direction:var(--pm-flex-direction,column);--width:var(--pm-con-width,100%);--flex-wrap:var(--pm-flex-wrap,initial)}
@media(max-width:767px){.e-con.e-flex{--flex-wrap:var(--pm-flex-wrap,var(--flex-wrap-mobile,wrap))}}

/* Marka fontları yalnızca varsayılan olarak verilir. */
.elementor-widget-heading .elementor-heading-title{font-family:'Dekar',sans-serif;line-height:1.12}
.elementor-widget-text-editor{font-family:'Titillium Text',sans-serif}


/* ==========================================================================
   4. SAYFA İSKELETİ
   Container geometrisi Elementor değişkenleriyle yazılır; hepsi varsayılandır.
   ========================================================================== */

/* Ortak içerik çerçevesi: header ve sayfa bölümleri aynı 1280 px eksenini
   paylaşır. margin-inline:auto ortalama için yapısaldır. */
.pm-wrap{--pm-con-width:var(--pm-frame);margin-inline:auto}
.pm-page{--padding-top:76px;--padding-bottom:92px;--gap:60px;--row-gap:60px;--column-gap:60px}

.pm-row{--display:flex;--pm-flex-direction:row;--align-items:center;--gap:56px;--row-gap:56px;--column-gap:56px;--pm-con-width:100%}
.pm-row>.e-con{--pm-con-width:calc(50% - 28px)}
.pm-row>.elementor-widget{width:calc(50% - 28px)}
.pm-row.pm-reverse{--pm-flex-direction:row-reverse}
.pm-copy-block{--gap:22px;--row-gap:22px;--column-gap:22px}

/* Varsayılan başlık ve metin tonu. Elementor'un (0,4,0) kuralları bunları ezer. */
.pm-heading .elementor-heading-title{font-size:38px;color:var(--pm-blue);text-transform:uppercase}
.pm-page .pm-heading .elementor-heading-title{font-size:46px;letter-spacing:.035em}
.pm-copy{font-size:17px;line-height:1.43}
.pm-page .pm-copy{font-size:19px;line-height:1.45}
.pm-copy ul{padding-left:20px;margin:0}
.pm-copy li{margin-bottom:8px}
.pm-page .pm-product-title .elementor-heading-title{font-size:48px;letter-spacing:.04em;line-height:1.16}

/* `.elementor-element` öneki: widget-image.min.css tema CSS'inden sonra yüklenip
   `img{display:inline-block}` yazıyor; block'a çekmek için iki class gerekiyor.
   Görsel genişliği bilinçli olarak yazılmaz — Elementor'un kendi width ayarı çalışsın. */
.elementor-element.pm-photo img{display:block;width:100%;object-fit:cover}
.pm-intro-photo img{aspect-ratio:1.45;object-fit:cover}

/* Dekoratif ayraç. `pm-rule` hem heading widget'ı hem container olarak
   kullanıldığı için padding iki biçimde de verilir. */
.pm-rule{border-bottom:1px solid var(--pm-line);position:relative;padding-bottom:26px;--padding-bottom:26px}
.pm-rule:after{content:'';position:absolute;bottom:-5px;left:22%;width:10px;height:10px;background:#fff;border-bottom:1px solid var(--pm-line);border-right:1px solid var(--pm-line);transform:rotate(45deg)}

@media(max-width:1279px){
 .pm-page .pm-heading .elementor-heading-title{font-size:38px}
 .pm-page .pm-copy{font-size:18px}
}
@media(max-width:1200px){
 .pm-row{--gap:36px;--row-gap:36px;--column-gap:36px}
 .pm-row>.e-con{--pm-con-width:calc(50% - 18px)}
 .pm-row>.elementor-widget{width:calc(50% - 18px)}
}
@media(max-width:1024px){
 .pm-page{--padding-top:48px;--padding-bottom:65px;--gap:42px;--row-gap:42px;--column-gap:42px}
 .pm-heading .elementor-heading-title{font-size:32px}
 .pm-copy{font-size:16px}
}
@media(min-width:1280px) and (max-width:1599px){
 .pm-page .pm-heading .elementor-heading-title{font-size:42px}
}
@media(max-width:767px){
 body{font-size:16px}
 .pm-page{--padding-top:35px;--padding-bottom:50px;--gap:32px;--row-gap:32px;--column-gap:32px}
 .pm-row,.pm-row.pm-reverse{--pm-flex-direction:column;--gap:25px;--row-gap:25px;--column-gap:25px;--align-items:stretch}
 .pm-row>.e-con{--pm-con-width:100%}
 .pm-row>.elementor-widget{width:100%}
 .pm-copy-block{--gap:18px;--row-gap:18px;--column-gap:18px}
 .pm-heading .elementor-heading-title{font-size:30px}
 .pm-intro-photo img{aspect-ratio:1.45}
 .pm-page .pm-heading .elementor-heading-title{font-size:34px;letter-spacing:.025em}
 .pm-page .pm-product-title .elementor-heading-title{font-size:34px}
}


/* ==========================================================================
   5. HEADER
   Çok katmanlı arkaplan kompozisyonu Elementor'un tek arkaplan görseli
   desteğiyle yapılamaz; bu yüzden katmanlar CSS'te kalır.
   40. yıl logosu iki mekanizma ile geliyor:
     masaüstü  -> header arkaplanının UST-BANNER-40-LOGO.png katmanı
     tablet/mobil -> .pm-header-logo:after
   ========================================================================== */
.pm-header{--min-height:160px;--z-index:30;background-position:center;background-size:cover;color:#fff}
.pm-header-inner{--pm-con-width:var(--pm-frame);--min-height:118px;--padding-top:28px;--padding-bottom:30px;--gap:20px;--row-gap:20px;--column-gap:20px;--pm-flex-direction:row;--align-items:center;--pm-flex-wrap:nowrap;margin-inline:auto}
.pm-header-inner:after{content:'';position:absolute;inset:auto 0 0;width:100%;height:21px;background:url('images/header-layers/ANASAYFA-UST-BANNER-CIZGI.png') left bottom/100% 21px no-repeat;pointer-events:none}
.pm-header-logo{width:210px;flex-shrink:0}
.elementor-element.pm-header-logo img{display:block}

/* İç sayfa header'ı: üç katmanlı afiş. `!important` gerekli — Elementor'un
   container arkaplan ayarı tek katman yazar ve kompozisyonu bozar. */
body:not(.home) .pm-header{
 background-image:url('images/header-layers/UST-BANNER-40-LOGO.png'),url('images/header-layers/UST-BANNER-DALGA.png'),url('images/header-layers/UST-BANNER-ZEMIN.jpg')!important;
 background-position:right center,right bottom,center;
 background-size:auto 160px,auto 160px,cover;
 background-repeat:no-repeat;
}

/* Ana sayfa: header slider'ın üzerinde yüzen bir katmandır. */
.home .pm-header{position:absolute;top:0;left:0;--pm-con-width:100%;background-image:none!important}
.admin-bar.home .pm-header{top:32px}
.home .pm-header-inner{border-bottom:0}

@media(min-width:1280px) and (max-width:1599px){
 body:not(.home) .pm-header{background-size:auto 120px,auto 160px,cover}
 .pm-header-inner{--gap:14px;--row-gap:14px;--column-gap:14px}
 .pm-header-logo{width:180px}
}
@media(max-width:1279px){
 .pm-header{--min-height:142px}
 body:not(.home) .pm-header{
  background-image:url('images/header-layers/UST-BANNER-DALGA.png'),url('images/header-layers/UST-BANNER-ZEMIN.jpg')!important;
  background-size:auto 142px,cover;
 }
 .pm-header-inner{--min-height:112px;--padding-top:24px;--padding-bottom:26px;--gap:18px;--row-gap:18px;--column-gap:18px}
 /* 40. yıl logosu kendi kırpılmış görseli olarak logonun yanında durur. */
 .pm-header-logo{--pm-anniversary:clamp(44px,5.4vw,54px);margin-right:calc(var(--pm-anniversary) * 145 / 99 + 28px)}
 .pm-header-logo:after{content:'';position:absolute;left:calc(100% + 20px);top:50%;transform:translateY(-50%);height:var(--pm-anniversary);aspect-ratio:145/99;background:url('images/revisions/40-yil-logo.png') center/contain no-repeat}
}
@media(max-width:767px){
 /* Sağ köşedeki dalga ekranın sağından taşar; taşan kısım sayfa düzeyinde kırpılır. Header'a
    overflow-x:clip verilemez: Safari (iOS) onu dikeyde de uygular ve açılır menü header'ın
    altında kesilip ince bir şerit olarak kalır. html'deki overflow görünüm alanına uygulanır. */
 html{overflow-x:hidden}
 .pm-header{--min-height:120px;background-position:60% center}
 /* Zemin: yalnızca mobil degrade (artı katmanı kaldırıldı). Dalga ayrı katmandır (.pm-nav:after), 40 logosuna bağlı. */
 body:not(.home) .pm-header{
  background-image:url('images/revisions/mobil-ust-banner-zemin.jpg')!important;
  background-size:cover;
  background-position:center;
 }
 .pm-header-inner{--min-height:96px;--padding-top:24px;--padding-bottom:22px;--gap:clamp(10px,3.6vw,16px);--row-gap:clamp(10px,3.6vw,16px);--column-gap:clamp(10px,3.6vw,16px)}
 .pm-header-inner:after{height:auto;aspect-ratio:810/34;background:url('images/revisions/mobil-ust-banner-cizgi.png') center/contain no-repeat}
 /* Dizilim: Presmetal logosu — menü ikonu — 40. yıl logosu (sağ köşe). */
 .pm-header-inner{--pm-anniversary:clamp(32px,10.2vw,46px)}
 .pm-header-logo{width:clamp(120px,40vw,210px);margin-right:0}
 .pm-header-logo:after{content:none}
 /* Dil seçici mobilde menünün en altına taşınır (site.js kopyalar). */
 .pm-header-inner>.elementor-element.pm-language{display:none}
 /* Elementor nav widget'ı kendini column yapar (0,3,0 ve bizden sonra yüklenir); 4 class ile yatay diziliyoruz. */
 .pm-header .pm-header-inner .elementor-element.pm-nav{flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0}
 .pm-header .pm-header-inner .pm-nav .elementor-menu-toggle{margin-left:0}
 /* 40. yıl logosu pseudo-element; order ile menü ikonunun sağına, çerçevenin sağ ucuna geçer. */
 .pm-nav:before{content:'';order:2;flex:0 0 auto;height:var(--pm-anniversary);aspect-ratio:145/99;margin-left:clamp(8px,3vw,14px);background:url('images/revisions/40-yil-logo.png') center/contain no-repeat}
 /* Dalga (iç sayfalar): masaüstündeki gibi tepesi 40 logosunun altında. Mutlak öğe
    header-inner'ın sağ kenarına göre konumlanır; tepe görselin %69'unda olduğundan
    right ile logonun ortasına hizalanır. bottom:-24px = header (120) - header-inner (96).
    Görselin sağı ekran dışına düşer; kutu ise ekranın kenarında biter ((100% - 100vw) / 2 =
    header-inner'dan ekran kenarına kalan boşluk), görsel kutuda sola yaslı ve tam boyunda
    kalır. Kutu taşsaydı html'deki overflow-x:hidden Android Chrome ve iOS'ta sayfanın yana
    kaymasını engellemiyordu. */
 body:not(.home) .pm-nav:after{--pm-wave:170px;--pm-wave-right:calc(var(--pm-anniversary) * 145 / 99 / 2 - var(--pm-wave) * .31);--pm-wave-edge:max(var(--pm-wave-right),calc((100% - 100vw) / 2));content:'';position:absolute;bottom:-24px;right:var(--pm-wave-edge);z-index:-1;width:calc(var(--pm-wave) - (var(--pm-wave-edge) - var(--pm-wave-right)));height:calc(var(--pm-wave) * 119 / 332);background:url('images/revisions/mobil-ust-banner-dalga.png') left bottom/var(--pm-wave) auto no-repeat;pointer-events:none}
 .admin-bar.home .pm-header{top:46px}
}


/* ==========================================================================
   6. ANA MENÜ VE DİL SEÇİCİ
   Menünün mobil davranışı (toggle, açılır panel konumu) Elementor'dan
   yapılamayacak özel davranışlardır; tipografi varsayılan olarak bırakılır.
   ========================================================================== */
.pm-nav{flex:1 1 auto;width:auto;min-width:0;margin-left:auto}
.pm-nav .elementor-nav-menu--main>ul{justify-content:flex-end;margin-left:auto}
/* Menü öğeleri dört class kullanır. Elementor Pro kendi CSS'inde
   `.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px}`
   yazıyor (üç class + bir element); daha hafif bir tema kuralı üzerine
   gelindiğinde dolguyu değiştirir ve menü kayar. Widget panelinin kendi
   dolgu ayarı beş class taşıdığı için panel yine üstte kalır. */
.pm-nav .elementor-nav-menu--main .elementor-nav-menu .elementor-item{font-family:'Titillium Menu','Titillium Text',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.15px;color:#fff;padding:12px 8px;white-space:nowrap}
.pm-nav .elementor-nav-menu--main .elementor-nav-menu .elementor-item:hover,.pm-nav .elementor-nav-menu--main .elementor-nav-menu .elementor-item.elementor-item-active{color:#fff}
.pm-nav .elementor-nav-menu--dropdown{background:white;box-shadow:0 5px 12px #17233525;border-radius:0}
.pm-nav .elementor-nav-menu--dropdown .elementor-item,.pm-nav .elementor-nav-menu--dropdown .elementor-sub-item{font-size:15px;font-weight:400;padding:12px 18px;color:#333;line-height:1.2}
.pm-nav .elementor-nav-menu--dropdown a:hover,.pm-nav .elementor-nav-menu--dropdown a:focus,.pm-nav .elementor-nav-menu--dropdown a.elementor-item-active{background:#eef4f7;color:#0079c1}
.pm-nav .elementor-nav-menu--main .sub-arrow{margin-left:7px;padding:0}
.pm-nav .sub-arrow svg{width:9px;height:9px;transition:transform .2s}
.pm-nav [aria-expanded=true]>.sub-arrow svg{transform:rotate(180deg)}
.pm-nav .sub-arrow svg,.pm-nav .elementor-menu-toggle svg{fill:currentColor}
.pm-nav .elementor-menu-toggle{background:transparent;color:white;padding:10px}

/* Masaüstü açılır menü paneli. */
@media(min-width:768px){
 /* SmartMenus satır içi margin-top:0 yazar; !important ile mavi çizgi header'daki beyaz çizgiyle hizalanır. */
 .pm-nav .elementor-nav-menu--main .sub-menu{min-width:242px;margin-top:17px!important;padding:12px 0 14px;border-top:4px solid var(--pm-blue);border-radius:0 0 14px 14px;background:#fff;box-shadow:0 8px 16px #17233535;overflow:hidden}
 /* Menü öğesi ile panel arasındaki boşlukta hover kopmasın diye görünmez köprü (:after Elementor ayırıcısına ait). */
 .pm-nav .elementor-nav-menu--main .elementor-nav-menu>li.menu-item-has-children:before{content:'';position:absolute;left:0;right:0;top:100%;height:17px;border:0;background:none}
 .pm-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item{font-family:'Titillium Text',sans-serif;font-size:17px;line-height:1.2;font-weight:300;color:#17191c;padding:7px 22px;background:#fff}
 .pm-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
 .pm-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus,
 .pm-nav .elementor-nav-menu--main .sub-menu .elementor-item-active{color:#17191c;background:#dcddde}
 .pm-nav .elementor-nav-menu--main .sub-menu .current-menu-item>.elementor-sub-item,
 .pm-nav .elementor-nav-menu--main .sub-menu .current_page_item>.elementor-sub-item,
 .pm-nav .elementor-nav-menu--main .sub-menu .elementor-sub-item.elementor-item-active{font-weight:700}
}

/* Tablet ve mobil: iki çizgiden artıya dönüşen özel toggle. */
@media(max-width:1279px){
 .pm-nav{flex:0 0 auto;margin-left:auto;position:static}
 .pm-nav .elementor-nav-menu--main{display:none}
 .pm-header-inner .pm-nav .elementor-menu-toggle{display:flex;margin-left:auto;width:40px;height:40px;position:relative;padding:0}
 .pm-nav .elementor-menu-toggle svg,.pm-nav .elementor-menu-toggle i{display:none}
 .pm-nav .elementor-menu-toggle:before,.pm-nav .elementor-menu-toggle:after{content:'';position:absolute;left:10px;top:calc(50% - 1.5px);width:20px;height:3px;background:#fff;transition:transform .2s}
 .pm-nav .elementor-menu-toggle:after{transform:rotate(90deg)}
 .pm-nav .elementor-menu-toggle.elementor-active:before{transform:rotate(45deg)}
 .pm-nav .elementor-menu-toggle.elementor-active:after{transform:rotate(135deg)}
 .pm-nav .elementor-menu-toggle.elementor-active~.elementor-nav-menu--dropdown.elementor-nav-menu__container{display:block}
 .pm-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{position:absolute;top:100%;left:auto;right:0;width:min(560px,calc(100vw - 56px));max-height:calc(100dvh - 140px);overflow:auto}
}
@media(max-width:767px){
 .pm-nav .elementor-nav-menu--dropdown .elementor-item,.pm-nav .elementor-nav-menu--dropdown .elementor-sub-item{padding-block:14px}
 .pm-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{left:0;right:0;width:100%;top:96px;max-height:calc(100dvh - 112px)}
 /* Mobil: üç çizgili (hamburger) ikon; açıkken çarpıya döner. Üst ve alt çizgi :before'un gölgesidir. */
 .pm-nav .elementor-menu-toggle:before,.pm-nav .elementor-menu-toggle:after{left:9px;width:22px;height:2.5px;top:calc(50% - 1.25px);border-radius:2px;transition:transform .2s,box-shadow .2s,opacity .2s}
 .pm-nav .elementor-menu-toggle:before{box-shadow:0 -7px #fff,0 7px #fff}
 .pm-nav .elementor-menu-toggle:after{transform:none;opacity:0}
 .pm-nav .elementor-menu-toggle.elementor-active:before{transform:rotate(45deg);box-shadow:0 0 transparent,0 0 transparent}
 .pm-nav .elementor-menu-toggle.elementor-active:after{transform:rotate(-45deg);opacity:1}
}

/* Mobil menünün en altındaki dil satırı (site.js header'daki dil seçiciyi buraya kopyalar). */
.pm-nav .pm-menu-language{display:none}
@media(max-width:767px){
 .pm-nav .pm-menu-language{display:flex;flex-wrap:wrap;border-top:1px solid #e3e6e9}
 .pm-nav .pm-menu-language .elementor-item{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
 .pm-nav .pm-menu-language img{display:block;width:20px;height:auto}
}

@media(min-width:1280px) and (max-width:1599px){
 .pm-nav .elementor-nav-menu--main .elementor-nav-menu .elementor-item{font-size:12px;padding-inline:5px}
}

/* Dil seçici — Polylang/Elementor bağlayıcısının işaretlemesine göre. */
.pm-language{width:auto;flex:0 0 auto;margin-left:0;font-size:13px;font-weight:600}
.elementor-element.pm-language ul{list-style:none;padding:0;margin:0;display:flex;gap:10px}
.elementor-element.pm-language a{display:flex;align-items:center;gap:5px;color:white}
.elementor-element.pm-language img{width:21px;height:auto}
/* 1200 ve 1024 eşikleri dil kısaltmasının logoya çarpmaması için korunuyor. */
@media(max-width:1200px){
 .pm-language{font-size:12px}
 .pm-nav .elementor-nav-menu--main .elementor-nav-menu .elementor-item{padding-block:10px}
}
@media(max-width:1024px){.pm-language{font-size:14px}}
@media(max-width:767px){
 .pm-language{font-size:clamp(11px,3.5vw,13px);line-height:1}
 .elementor-element.pm-language .cpel-switcher__list{gap:0}
 .elementor-element.pm-language a{display:flex;align-items:center;gap:7px;line-height:1}
 .elementor-element.pm-language .cpel-switcher__flag{display:flex;align-items:center;width:auto;height:auto;line-height:0}
 .elementor-element.pm-language img{display:block;width:clamp(17px,5.6vw,20px);height:auto}
 .elementor-element.pm-language .cpel-switcher__code{font-weight:700;letter-spacing:.04em;line-height:1}
}


/* ==========================================================================
   7. ANA SAYFA SLIDER'I
   CSS yalnızca yerleşimi ve responsive davranışı yönetir; slayt
   tipografisi, rengi ve hizalaması Elementor'un Slides widget'ına aittir.
   ========================================================================== */
.pm-hero{width:100%}
.pm-hero .elementor-slides .swiper-slide-inner{width:var(--pm-frame);max-width:var(--pm-width);margin-inline:auto;padding:125px 0 50px}
.pm-hero .elementor-slides .swiper-slide-inner .elementor-slide-heading{font-family:'Dekar',sans-serif;font-size:clamp(36px,2.6vw,48px);font-weight:700;line-height:1.15;letter-spacing:.025em;text-transform:uppercase;color:white;text-shadow:0 2px 12px #17233530}
.pm-hero .swiper-pagination{bottom:25px}
.pm-hero .swiper-pagination-bullet{background:white;opacity:.5}
.pm-hero .swiper-pagination-bullet-active{opacity:1}
.pm-hero .elementor-swiper-button{color:white;opacity:.75}

@media(max-width:1024px){
 .pm-hero .elementor-slides .swiper-slide-inner{padding-top:135px}
}
@media(max-width:767px){
 /* Mobil slayt dikey kadrajdır; görsel tam boy gösterilir. */
 .pm-hero .swiper-slide{background:#29394f}
 .pm-hero .elementor-slides .swiper-slide-inner{position:absolute;inset:0;margin-inline:auto;padding:166px 8px 60px;align-items:flex-start}
 .pm-hero .elementor-slides .swiper-slide-inner .elementor-slide-heading{font-size:clamp(30px,8.4vw,44px);line-height:1.18;text-shadow:0 2px 10px #182838a0}
 .pm-hero .elementor-swiper-button{font-size:20px}
}

/* Tanıtım filmi bağlantısı: header çizgisinin altında, çerçevenin sağ ucunda.
   Ana sayfa header'ı mutlak konumlu olduğu için bağlantı onun da üstünde
   durur ve yalnızca kendi yazısı ile ikonu tıklamayı alır. */
.pm-hero-film{position:absolute;top:136px;left:50%;transform:translateX(-50%);z-index:40;--pm-con-width:var(--pm-frame);--padding-top:0px;--padding-bottom:0px;--pm-flex-direction:row;--pm-flex-wrap:nowrap;--align-items:center;--justify-content:flex-end;--gap:14px;--row-gap:14px;--column-gap:14px;text-decoration:none;pointer-events:none}
.pm-hero-film>.elementor-widget{width:auto;flex:0 0 auto;pointer-events:auto}
.pm-hero-film .pm-film-label .elementor-heading-title{font-family:'Titillium Text',sans-serif;font-size:17px;font-weight:400;line-height:1;letter-spacing:.02em;color:#fff;text-shadow:0 1px 6px rgba(22,25,29,.45)}
.elementor-element.pm-film-icon img{display:block;width:26px;height:26px;filter:drop-shadow(0 1px 5px rgba(22,25,29,.4))}
.pm-hero-film:hover .pm-film-label .elementor-heading-title,.pm-hero-film:hover .pm-film-icon img{opacity:.82}
.pm-hero-film:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media(max-width:1279px){
 .pm-hero-film{top:120px}
}
@media(max-width:767px){
 .pm-hero-film{top:104px;--gap:10px;--row-gap:10px;--column-gap:10px}
 .pm-hero-film .pm-film-label .elementor-heading-title{font-size:14px}
 .elementor-element.pm-film-icon img{width:22px;height:22px}
}


/* ==========================================================================
   8. ANA SAYFA BÖLÜMLERİ
   Bölümlerin genişliği `.pm-wrap` çerçevesinden gelir. 1025 px eşiği
   kompozisyonun kendi tasarım eşiğidir (masaüstü düzeni ↔ yığılmış düzen).
   ========================================================================== */
.pm-home{--gap:0px;--row-gap:0px;--column-gap:0px}

/* --- Giriş bloğu -------------------------------------------------------- */
.pm-home-intro{--padding-top:52px;--gap:26px;--row-gap:26px;--column-gap:26px}
.pm-brand-center{width:270px;align-self:center}
.pm-section-title{text-align:center}
.pm-section-title .elementor-heading-title{font-size:38px;text-transform:uppercase;color:#24282c}
.pm-home-intro>.pm-section-title .elementor-heading-title{font-size:56px;letter-spacing:.025em}

/* --- Öne çıkan üç sütun -------------------------------------------------- */
.pm-features{--pm-flex-direction:row;--gap:42px;--row-gap:42px;--column-gap:42px;margin:20px 0 48px}
.pm-feature{flex:1;--gap:14px;--row-gap:14px;--column-gap:14px}
.pm-feature .elementor-heading-title{font-family:'Titillium Text',sans-serif;font-size:24px;font-weight:400;color:#23272c;letter-spacing:.025em}
.pm-feature .pm-copy{font-size:19px;line-height:1.4}

/* --- Deneyim afişi ------------------------------------------------------- */
.pm-experience{--min-height:470px;--justify-content:center;--padding-top:60px;--padding-right:60px;--padding-bottom:60px;--padding-left:60px;background-size:cover;background-position:center}
.pm-experience .elementor-heading-title{font-size:42px;color:white;max-width:340px;text-transform:uppercase}

/* --- İhracat haritası ---------------------------------------------------- */
.pm-export{position:relative;--min-height:0px;aspect-ratio:1920/967;margin:60px 0 0;overflow:visible}
.pm-export-copy{position:relative;z-index:1;--pm-con-width:32%;--padding-top:0px;--gap:18px;--row-gap:18px;--column-gap:18px}
.pm-export-image{position:absolute;inset:42px 0 0;z-index:0}
.pm-export-image picture{display:block;width:100%;height:100%}
.elementor-element.pm-export-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
.pm-export .pm-heading .elementor-heading-title{font-size:44px;letter-spacing:.025em;white-space:nowrap;color:var(--pm-blue)}

/* Ülke listesi: her satırın önündeki renk noktası içerikten gelmiyor,
   bu yüzden pseudo-element olarak üretiliyor. */
.pm-locations{line-height:1.2}
.pm-locations ul{list-style:none;padding:0}
.pm-locations li{margin:0 0 4px;display:flex;align-items:center}
.pm-locations li:before{content:'';display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#ed171c;flex:0 0 9px}
.pm-locations li:nth-child(2):before{background:#6832a5}
.pm-locations li:nth-child(3):before{background:#202224}
.pm-locations li:nth-child(4):before{background:#0079c1}
.pm-locations li:nth-child(5):before,
.pm-locations li:nth-child(6):before{background:#e96b08}
.pm-locations li:nth-child(7):before{background:#e9ef00}
.pm-locations li:nth-child(8):before{background:#08a957}
.pm-locations li:nth-child(9):before{background:#bb155d}

/* --- Ürün kartları ------------------------------------------------------- */
.pm-products-home{--gap:36px;--row-gap:36px;--column-gap:36px;margin-top:40px}
.pm-products-home>.pm-section-title .elementor-heading-title,
.pm-home-references>.pm-section-title .elementor-heading-title{font-size:50px;letter-spacing:.025em}
/* Grid yerleşimi Elementor panelinden kurulamayan bir düzen; display:grid
   doğrudan yazılır, ölçüler ise değişkenlerle verilir. */
.pm-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));--gap:20px;--row-gap:20px;--column-gap:20px}
.pm-card{height:330px;--justify-content:center;--align-items:flex-end;--padding-top:38px;--padding-right:38px;--padding-bottom:38px;--padding-left:38px;background-position:center;background-size:cover;position:relative;transition:filter .2s}
.pm-card:hover{filter:brightness(1.12)}
.pm-card .elementor-heading-title{font-size:34px;color:white;text-align:right}
.pm-card .pm-button .elementor-button{background:transparent;padding:0;font-family:'Titillium Text',sans-serif;font-size:15px;color:#fff;margin-top:16px}
/* Kartın tamamı bağlantı yüzeyi olur. */
.pm-card .pm-button a:after{content:'';position:absolute;inset:0}

/* --- Referans şeridi ----------------------------------------------------- */
.pm-home-references{--padding-top:75px;--padding-bottom:75px;--gap:35px;--row-gap:35px;--column-gap:35px}
/* Her hücre kendi logosu kadar geniştir; logolar arası boşluk sabittir.
   Duruş konumlarını site.js ölçer: sığan logo grubu ortalanır, kenardan
   taşan logo soldurulur. Sürükleme ve duruş davranışı Elementor'dan yapılamaz. */
.pm-logo-row{--pm-flex-direction:row;--pm-flex-wrap:nowrap;--align-items:center;--justify-content:flex-start;--gap:64px;--row-gap:64px;--column-gap:64px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;overflow-x:auto;scrollbar-width:none;cursor:grab;user-select:none}
.pm-logo-row>.elementor-widget{flex:0 0 auto;width:auto;min-width:0;display:flex;align-items:center;justify-content:center;min-height:88px;transition:opacity .35s}
.pm-logo-row>.elementor-widget.is-clipped{opacity:0}
.pm-logo-row .elementor-widget-container,.pm-logo-row a{display:block;line-height:0}
.pm-logo-row>.elementor-widget img{display:block;width:auto;max-width:150px;height:58px;object-fit:contain;-webkit-user-drag:none}
.pm-logo-row::-webkit-scrollbar{display:none}
.pm-logo-row a{cursor:inherit}
.pm-logo-row.is-dragging{cursor:grabbing;scroll-snap-type:none}
/* Şerit iki ok arasında durur (site.js .pm-logo-slider sarmalayıcısını ve okları ekler).
   Elementor kiti her button'u boyadığı için ok seçicileri .presmetal-site ile başlar. */
.pm-logo-slider{display:flex;align-items:center;gap:20px;width:100%}
.pm-logo-slider>.pm-logo-row.e-con{flex:1 1 0;width:auto;min-width:0;max-width:none}
.presmetal-site .pm-logo-slider .pm-logo-arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#8b9096;cursor:pointer;transition:color .2s,background-color .2s}
.presmetal-site .pm-logo-slider .pm-logo-arrow:hover,.presmetal-site .pm-logo-slider .pm-logo-arrow:focus-visible{background:#eef4f7;color:var(--pm-blue)}
.pm-logo-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Üç marka logosu farklı tuvallerden geldiği için optik olarak denkleştirilir.
   `!important` gerekli: Elementor'un kendi `img{width:100%}` ayarını yener.
   Bu üç görselin genişliği bilinçli olarak Elementor'a bırakılmamıştır.
   Ana sayfa şeridinde hücre logo kadar geniş olduğu için yükseklik sabit
   verilir; `height:auto` orada logoyu sıfır genişliğe indirir. */
.pm-logo-tofas img{max-width:100px!important;height:auto!important;max-height:32px;object-fit:contain}
.pm-logo-wanzl img{max-width:100px!important;height:auto!important;max-height:34px;object-fit:contain}
.pm-logo-martur img{max-width:165px;height:auto!important;max-height:50px;object-fit:contain}
.pm-logo-row>.pm-logo-tofas img{height:32px!important}
.pm-logo-row>.pm-logo-wanzl img{height:27px!important}
.pm-logo-row>.pm-logo-martur img{height:45px!important}
/* FCA ve PSA tuvallerini dolduran logolar; komşularıyla dengelemek için %90. */
.pm-logo-row>.elementor-widget img:is([src$="/fca.svg"],[src$="/psa.svg"]){height:52px}

/* --- Kalite belgeleri şeridi --------------------------------------------- */
.pm-home-cert{--pm-flex-direction:row;--align-items:stretch;--gap:0px;--row-gap:0px;--column-gap:0px;background:#eee}
.pm-home-cert-photo{width:42%}
.elementor-element.pm-home-cert-photo img{display:block;height:100%;min-height:570px;width:100%;object-fit:cover}
.pm-home-cert-right{--pm-con-width:58%;--gap:30px;--row-gap:30px;--column-gap:30px;--padding-right:5%;--padding-bottom:50px}
.pm-cert-strip{--pm-flex-direction:row;--gap:16px;--row-gap:16px;--column-gap:16px}
.pm-cert-strip>.elementor-widget{width:33.333%}
.pm-cert-strip img{width:100%;aspect-ratio:1;object-fit:cover}
.pm-home-cert-copy{--padding-left:8%;--padding-right:8%;--gap:20px;--row-gap:20px;--column-gap:20px}
.pm-home-cert-copy .elementor-heading-title{color:#222}
.pm-home-cert-copy .pm-copy{font-size:16px}
.pm-home-cert-text .pm-copy:first-child{font-family:'Titillium Text',sans-serif;font-weight:700}
.pm-cert-badges{width:420px;max-width:100%}

/* --- Ortak buton --------------------------------------------------------- */
.pm-button .elementor-button{font-family:'Titillium Text',sans-serif;border-radius:0;background:#0079c1;color:white;font-size:16px;padding:13px 24px;line-height:1.3}
.pm-button .elementor-button:hover{background:#0079c1}


/* --- Ana sayfa: masaüstü kompozisyonu ----------------------------------- */
@media(min-width:1025px){
 .pm-home-intro{--padding-top:82px;--gap:0px;--row-gap:0px;--column-gap:0px}
 .pm-home-intro>.elementor-widget.pm-brand-center{width:375px;margin-bottom:38px}
 .pm-home-intro>.pm-section-title .elementor-heading-title{line-height:1.05;font-weight:400}
 .pm-home-intro>.pm-rule{width:auto;margin-inline:0;border:0;padding-bottom:48px;background:none}
 .pm-home-intro>.pm-rule:after{display:none}

 .pm-features{width:auto;--gap:94px;--row-gap:94px;--column-gap:94px;margin:34px 24px 64px}
 .pm-feature{--gap:26px;--row-gap:26px;--column-gap:26px;--align-items:flex-start;text-align:left}
 .pm-feature .elementor-heading-title{font-family:'Dekar',sans-serif;font-size:31px;line-height:1.18;font-weight:400;max-width:310px;text-align:left}

 .pm-experience{--min-height:0px;height:auto;aspect-ratio:1494/646;margin-top:16px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:145px;--justify-content:center}
 .pm-experience .elementor-heading-title{font-size:46px;line-height:1.18;max-width:340px;color:#08090a;font-weight:400}

 .pm-export-copy{--pm-con-width:32%;--padding-top:0px;--padding-left:4px;--gap:18px;--row-gap:18px;--column-gap:18px}
 .pm-export .pm-heading .elementor-heading-title{font-weight:400}
 .pm-locations{font-size:18px;line-height:1.12}
 .pm-export-copy>.pm-copy:last-child{font-size:15px;line-height:1.22;margin-top:44px}
 .elementor .pm-export-copy>.elementor-widget.pm-copy:last-child{max-width:290px}

 .pm-products-home{margin-top:40px;--gap:32px;--row-gap:32px;--column-gap:32px}
 .pm-products-home>.pm-section-title .elementor-heading-title,
 .pm-home-references>.pm-section-title .elementor-heading-title{font-size:48px;font-weight:400}
 .pm-products-home>.pm-rule{border:0;padding-bottom:31px;background:none}
 .pm-product-grid{--gap:36px;--row-gap:36px;--column-gap:36px}
 /* İki geniş, iki dar kart kaynak ızgarasını izler. */
 .pm-product-grid>.pm-card:nth-child(n){grid-column:auto;width:auto;margin:0;height:372px;aspect-ratio:auto;--min-height:0px}
 .pm-product-grid>.pm-card:nth-child(1),.pm-product-grid>.pm-card:nth-child(4){grid-column:span 2}
 .pm-card{--align-items:center;--padding-top:32px;--padding-right:45px;--padding-bottom:32px;--padding-left:45px;--gap:0px;--row-gap:0px;--column-gap:0px}
 .pm-card .elementor-heading-title{font-size:31px;line-height:1.16;text-transform:uppercase;text-align:center}
 .pm-card .pm-button .elementor-button{margin-top:18px}
 .pm-card:nth-child(1) .elementor-heading-title{max-width:160px}
 .pm-card:nth-child(2) .elementor-heading-title{max-width:245px}
 .pm-card:nth-child(3) .elementor-heading-title{max-width:285px}
 .pm-card:nth-child(4) .elementor-heading-title{max-width:255px}

 .pm-home-references{--padding-top:68px;--padding-bottom:58px;--gap:34px;--row-gap:34px;--column-gap:34px}
 .pm-home-references>.pm-rule{width:auto;margin-inline:0;border:0;padding-bottom:31px;background:none}

 .pm-home-cert-photo{width:40.8%}
 .elementor-element.pm-home-cert-photo img{min-height:0;height:auto;aspect-ratio:778/790;object-fit:cover}
 .pm-home-cert-right{--pm-con-width:59.2%;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;background:#fff}
 .pm-cert-strip{--gap:2px;--row-gap:2px;--column-gap:2px;background:#fff}
 .pm-home-cert-copy{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--align-items:stretch;text-align:left}
 .pm-home-cert-summary{--padding-top:60px;--padding-right:6.5%;--padding-bottom:50px;--padding-left:6.5%;--align-items:flex-start;background:#fff}
 .pm-home-cert-text{--padding-top:70px;--padding-right:6.5%;--padding-bottom:100px;--padding-left:6.5%;--align-items:flex-start;background:#e8e9ea}
 .pm-home-cert-copy .elementor-heading-title{font-size:48px;line-height:1;font-weight:400}
 .pm-home-cert-copy .pm-copy{font-size:15px;line-height:1.22}
 .elementor .pm-home-cert-copy .elementor-widget.pm-copy{max-width:650px}
 .pm-home-cert-text .pm-copy:first-child{font-size:30px;line-height:1.2}
 .pm-cert-badges{width:500px}
}

/* Bölüm ayraçlarındaki mavi çizgi bir görsel maskesidir; Elementor'un
   divider widget'ı bu dalgalı formu üretemez. */
@media(min-width:768px){
 .pm-home-intro>.pm-rule:after,
 .pm-products-home>.pm-rule:after,
 .pm-home-references>.pm-rule:after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:21px;transform:none;border:0;background:var(--pm-blue);mask:url('../../../uploads/presmetal/b09ce36-anasayfa-ust-banner-cizgi.png') center/100% 21px no-repeat}
}

/* --- Ana sayfa: tablet --------------------------------------------------- */
@media(max-width:1279px){
 .pm-logo-row{--gap:48px;--row-gap:48px;--column-gap:48px}
 .pm-export{aspect-ratio:auto;--min-height:560px}
 .pm-export .pm-heading .elementor-heading-title{font-size:36px}
 .pm-export-image{top:60px}
 .pm-export-copy{--pm-con-width:36%;--padding-top:0px}
}
@media(min-width:768px) and (max-width:1024px){
 .pm-home-intro{--padding-top:40px}
 .pm-brand-center{width:290px}
 .pm-features{--gap:36px;--row-gap:36px;--column-gap:36px;margin-bottom:50px}
 .pm-feature{--gap:14px;--row-gap:14px;--column-gap:14px}
 .pm-feature .elementor-heading-title{font-size:24px}
 .pm-experience{--min-height:0px;aspect-ratio:1494/646;--padding-top:35px;--padding-right:35px;--padding-bottom:35px;--padding-left:75px}
 .pm-experience .elementor-heading-title{font-size:34px;max-width:270px}
 .pm-export{margin-bottom:35px}
 .elementor-element.pm-export-image img{object-position:right bottom}
 .pm-export-copy>.pm-copy:last-child{font-size:14px}
 .pm-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));--gap:18px;--row-gap:18px;--column-gap:18px}
 .pm-product-grid>.pm-card:nth-child(n){grid-column:auto;--min-height:260px;margin:0}
 .pm-product-grid>.pm-card:nth-child(1),.pm-product-grid>.pm-card:nth-child(4){grid-column:span 2}
 .pm-card{height:240px;--padding-top:24px;--padding-right:24px;--padding-bottom:24px;--padding-left:24px}
 .pm-card .elementor-heading-title{font-size:25px}
 .pm-home-cert-photo{width:36%}
 .elementor-element.pm-home-cert-photo img{min-height:560px}
 .pm-home-cert-right{--pm-con-width:64%;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;background:#fff}
 .pm-cert-strip{--gap:2px;--row-gap:2px;--column-gap:2px}
 .pm-home-cert-copy{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px}
 .pm-home-cert-summary{--padding-top:28px;--padding-right:25px;--padding-bottom:24px;--padding-left:25px;--align-items:flex-start;background:#fff}
 .pm-home-cert-text{--padding-top:25px;--padding-right:25px;--padding-bottom:40px;--padding-left:25px;--align-items:flex-start;background:#e8e9ea}
 .pm-home-cert-text .pm-copy:first-child{font-size:22px;font-weight:300}
}

/* --- Ana sayfa: mobil ---------------------------------------------------- */
@media(max-width:767px){
 .pm-home-intro{--padding-top:35px;--gap:22px;--row-gap:22px;--column-gap:22px}
 .pm-brand-center{width:225px}
 .pm-section-title .elementor-heading-title{font-size:29px}
 .pm-home-intro>.pm-section-title .elementor-heading-title{font-size:33px}
 .pm-products-home>.pm-section-title .elementor-heading-title,
 .pm-home-references>.pm-section-title .elementor-heading-title{font-size:33px}
 /* Mobilde ayraç çizgisi kendi görselinden gelir. */
 .pm-home-intro>.pm-rule,.pm-products-home>.pm-rule,.pm-home-references>.pm-rule{border:0;padding-bottom:26px}
 .pm-home-intro>.pm-rule:after,.pm-products-home>.pm-rule:after,.pm-home-references>.pm-rule:after{content:'';display:block;position:absolute;inset:auto 0 0;transform:none;width:100%;height:auto;aspect-ratio:796/21;border:0;mask:none;background:url('images/revisions/mobil-mavi-cizgi.png') center/contain no-repeat}

 .pm-features{--pm-flex-direction:column;--gap:16px;--row-gap:16px;--column-gap:16px;margin:8px 0 28px}
 .pm-feature{--gap:6px;--row-gap:6px;--column-gap:6px;--align-items:center;text-align:center}
 /* Masaüstündeki .025em harf aralığı mobilde başlıkları açık gösteriyor; sıfırlanır. */
 .pm-feature .elementor-heading-title{font-size:21px;line-height:1.2;letter-spacing:0;text-align:center}
 /* Başlıktaki elle satır sonu (ör. "Güven Veren / Kalıcı Çözümler") mobilde tek satır olur; boşluğu site.js ekler. */
 .pm-feature .elementor-heading-title br{display:none}
 .pm-feature .pm-copy{font-size:18px;text-align:center}

 .pm-experience{--min-height:0px;aspect-ratio:1080/646;--padding-top:20px;--padding-right:20px;--padding-bottom:20px;--padding-left:20px;background-position:center;background-size:cover}
 .pm-experience .elementor-heading-title{font-size:clamp(22px,6vw,34px);max-width:55%;color:#16191d;text-shadow:none}

 .pm-export{--min-height:0px;aspect-ratio:auto;margin:40px 0 30px;--gap:24px;--row-gap:24px;--column-gap:24px;padding-bottom:0}
 .pm-export-copy{--pm-con-width:100%;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;order:0}
 .pm-export .pm-heading .elementor-heading-title{font-size:clamp(26px,7.3vw,36px);white-space:normal}
 .pm-export-image{position:relative;inset:auto;margin:0;order:1;width:100%}
 .elementor-element.pm-export-image img{height:auto;width:100%;aspect-ratio:1080/1145}
 .pm-locations{font-size:14px}
 .pm-locations ul{columns:2;column-gap:18px}
 .pm-export-copy>.pm-copy:last-child{max-width:100%;font-size:16px}

 .pm-products-home{margin-top:0;--gap:25px;--row-gap:25px;--column-gap:25px}
 .pm-product-grid{grid-template-columns:1fr;--gap:15px;--row-gap:15px;--column-gap:15px}
 .pm-product-grid>.pm-card:nth-child(n){grid-column:auto;width:100%;margin-top:0}
 .pm-card{height:auto;--min-height:220px;aspect-ratio:794/435;--padding-top:24px;--padding-right:16px;--padding-bottom:24px;--padding-left:16px;--pm-flex-wrap:nowrap;--align-items:center;--justify-content:center;text-align:center}
 .pm-card .elementor-heading-title{font-size:29px;max-width:100%;text-align:center}
 .pm-card .elementor-widget-heading,.pm-card .pm-button{text-align:center;width:100%}

 .pm-home-references{--padding-top:45px;--padding-bottom:45px;--gap:25px;--row-gap:25px;--column-gap:25px}
 .pm-logo-row{--gap:28px;--row-gap:28px;--column-gap:28px}
 .pm-logo-slider{gap:4px}
 .presmetal-site .pm-logo-slider .pm-logo-arrow{width:32px;height:32px}
 .pm-logo-arrow svg{width:20px;height:20px}
 .pm-logo-row>.elementor-widget{min-height:70px}
 .pm-logo-row>.elementor-widget img{height:42px;max-width:96px}
 .pm-logo-tofas img{max-width:72px!important;max-height:25px}
 .pm-logo-row>.pm-logo-tofas img{height:23px!important}
 .pm-logo-row>.pm-logo-wanzl img{max-width:72px!important;height:20px!important}
 .pm-logo-row>.pm-logo-martur img{height:29px!important}
 .pm-logo-row>.elementor-widget img[src$="/fca.svg"]{height:35px}
 .pm-logo-row>.elementor-widget img[src$="/psa.svg"]{height:38px}

 .pm-home-cert{--pm-flex-direction:column}
 .pm-home-cert .elementor-widget.pm-home-cert-photo{width:100%;margin-bottom:24px}
 .elementor-element.pm-home-cert-photo img{min-height:0;height:270px;object-position:center 40%}
 .pm-home-cert-right{--pm-con-width:100%;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;background:#fff}
 .pm-cert-strip{--pm-flex-wrap:nowrap;--gap:2px;--row-gap:2px;--column-gap:2px;background:#fff}
 .pm-cert-strip>.elementor-widget{width:calc(33.333% - 1.33px);flex:0 0 calc(33.333% - 1.33px)}
 .pm-home-cert-copy{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px}
 .pm-home-cert-summary{--padding-top:30px;--padding-right:20px;--padding-bottom:25px;--padding-left:20px;--align-items:flex-start;background:#fff}
 .pm-home-cert-text{--padding-top:28px;--padding-right:20px;--padding-bottom:45px;--padding-left:20px;--align-items:flex-start;background:#e8e9ea}
 .pm-home-cert-text .pm-copy:first-child{font-size:21px;font-weight:300}
 .pm-home-cert-copy .elementor-heading-title{font-size:29px}
}


/* ==========================================================================
   9. ÜRETİM SAYFALARI (Sac Şekillendirme, Kaynak, Kalıp, Ar-Ge, Laboratuvar)
   Üç'lü karusel Elementor'da karşılığı olmayan özel bir davranıştır;
   ilerletme, sayaç ve maskeli alt çizgi CSS + site.js ile çalışır.
   ========================================================================== */
.pm-production{--min-height:550px;--padding-top:76px;--padding-bottom:92px;--gap:64px;--row-gap:64px;--column-gap:64px}
.pm-production>.pm-row{--gap:5%;--row-gap:5%;--column-gap:5%;--align-items:center}
.pm-production>:where(.pm-row)>.pm-intro-photo{width:55%;flex-grow:0;flex-shrink:0}
.pm-production>:where(.pm-row)>.pm-copy-block{--pm-con-width:40%;flex-grow:0;flex-shrink:0;--gap:24px;--row-gap:24px;--column-gap:24px}
.pm-production .pm-heading .elementor-heading-title{font-family:'Dekar',sans-serif;font-weight:400;line-height:1.12}
.pm-production>.pm-row .pm-copy{font-size:17px;font-weight:300;line-height:1.36;color:#262a31}
.pm-production>:where(.elementor-widget-text-editor).pm-copy{width:min(850px,76%);align-self:center;text-align:center;font-family:'Dekar',sans-serif;font-size:27px;font-weight:400;line-height:1.35;color:#2a2d31}
:is(.page-id-209,.page-id-228) .pm-production>:where(.elementor-widget-text-editor).pm-copy{font-family:'Titillium Text',sans-serif;font-size:27px;font-weight:300}

.pm-production>.pm-gallery{display:grid;grid-template-columns:14% minmax(0,86%);--gap:0px;--row-gap:0px;--column-gap:0px;--pm-con-width:100%;margin:0;padding:0 0 31px;border:0;position:relative;overflow:hidden}
/* Galerinin altındaki dalgalı mavi çizgi bir görsel maskesidir. */
.pm-production>.pm-gallery:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;width:100%;height:18px;background:var(--pm-blue);mask:url('../../../uploads/presmetal/725d2da-cizgi-01.png') left bottom/100% 18px no-repeat;border:0;transform:none}
.pm-production .pm-gallery-controls{grid-column:1;grid-row:1;align-self:end;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 22px 8px 6px;white-space:nowrap;font-family:'Titillium Text',sans-serif;font-size:17px;font-weight:600;color:#181b20}
.pm-production .pm-gallery-arrow{appearance:none;border:0;background:transparent;padding:4px 0;color:#181b20;font:inherit;font-size:18px;line-height:1;cursor:pointer}
.pm-production .pm-gallery-arrow:disabled{opacity:.28;cursor:default}
.pm-production .pm-gallery-counter{display:flex;align-items:center;gap:9px}
.pm-production .pm-gallery-counter strong{font-weight:600}
.pm-production .pm-gallery-viewport{grid-column:2;grid-row:1;width:100%;overflow:hidden}
.pm-production .pm-gallery-track{display:flex;gap:18px;width:100%;transition:transform .42s ease;will-change:transform}
.pm-production .pm-gallery-slide{flex:0 0 calc((100% - 36px)/3);width:calc((100% - 36px)/3);min-width:0}
.pm-production .pm-gallery-slide img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover}
.pm-production .pm-gallery-slide a{pointer-events:none}

@media(min-width:768px) and (max-width:1024px){
 .pm-production{--padding-top:48px;--padding-bottom:65px;--gap:44px;--row-gap:44px;--column-gap:44px}
 .pm-production>.pm-row{--gap:4%;--row-gap:4%;--column-gap:4%}
 .pm-production>:where(.pm-row)>.pm-intro-photo{width:54%}
 .pm-production>:where(.pm-row)>.pm-copy-block{--pm-con-width:42%;--gap:17px;--row-gap:17px;--column-gap:17px}
 .pm-production>.pm-row .pm-copy{font-size:15px}
 .pm-production>:where(.elementor-widget-text-editor).pm-copy{width:84%;font-size:23px}
 .pm-production>.pm-gallery{grid-template-columns:18% minmax(0,82%)}
 .pm-production .pm-gallery-track{gap:14px}
 .pm-production .pm-gallery-slide{flex-basis:calc((100% - 14px)/2);width:calc((100% - 14px)/2)}
 .pm-production .pm-gallery-controls{font-size:15px;padding-right:12px;gap:7px}
}
@media(max-width:767px){
 .pm-production{--padding-top:35px;--padding-bottom:50px;--gap:32px;--row-gap:32px;--column-gap:32px}
 .pm-production>.pm-row{--gap:22px;--row-gap:22px;--column-gap:22px}
 .pm-production>:where(.pm-row)>.pm-intro-photo{width:100%}
 .pm-production>:where(.pm-row)>.pm-copy-block{--pm-con-width:100%}
 .pm-production>.pm-row .pm-copy{font-size:16px}
 .pm-production>:where(.elementor-widget-text-editor).pm-copy{width:100%;font-size:21px;line-height:1.32}
 .pm-production>.pm-gallery{grid-template-columns:1fr;padding-bottom:28px}
 .pm-production .pm-gallery-viewport{grid-column:1;grid-row:1}
 .pm-production .pm-gallery-controls{grid-column:1;grid-row:2;justify-content:center;padding:15px 0 2px;font-size:16px}
 .pm-production .pm-gallery-track{gap:12px}
 .pm-production .pm-gallery-slide{flex-basis:100%;width:100%}
 .pm-production>.pm-gallery:after{content:'';display:block;position:absolute;inset:auto 0 0;transform:none;width:100%;height:auto;aspect-ratio:796/21;border:0;mask:none;background:url('images/revisions/mobil-mavi-cizgi.png') center/contain no-repeat}
}


/* ==========================================================================
   10. ÜRÜN SAYFALARI
   ========================================================================== */
.pm-product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));--gap:18px;--row-gap:18px;--column-gap:18px}
.elementor-element.pm-product-gallery img{display:block;width:100%;height:auto;aspect-ratio:auto;background:transparent}
.pm-product-gallery>.pm-product-wide{grid-column:span 2}
.pm-product-gallery>.elementor-widget.pm-product-separator{grid-column:1 / -1;width:100%;margin:16px 0}
.pm-product-separator .elementor-divider{padding:0;--divider-border-style:solid;--divider-color:#0079c1;--divider-border-width:1px}
.pm-product-separator .elementor-divider-separator{width:100%;border-top:1px solid #0079c1}
@media(max-width:767px){
 .pm-product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));--gap:10px;--row-gap:10px;--column-gap:10px}
 .elementor-element.pm-product-gallery img{aspect-ratio:auto}
}


/* ==========================================================================
   11. KALİTE BELGELERİ (205 / 224)
   Kart çerçevesi, ayraç çizgileri ve belge ikonu Elementor'dan
   yapılamayan bileşen davranışlarıdır; tipografi ve renkler varsayılandır.
   ========================================================================== */
.pm-certificates{background:#f2f2f2;--padding-top:48px;--padding-right:55px;--padding-bottom:66px;--padding-left:55px;--gap:36px;--row-gap:36px;--column-gap:36px;--align-items:center;text-align:center}
.pm-certificates>.pm-heading .elementor-heading-title{font-family:'Dekar',sans-serif;font-size:42px;font-weight:400;line-height:1}
.pm-certificates>.pm-copy{font-weight:300;color:#30343a}
.pm-cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));--gap:34px;--row-gap:34px;--column-gap:34px;--pm-con-width:100%}
.pm-cert-card{background:white;--min-height:430px;--padding-top:42px;--padding-right:32px;--padding-bottom:34px;--padding-left:32px;--gap:14px;--row-gap:14px;--column-gap:14px;--align-items:center;text-align:center;border:1px solid #d8d8d8;border-radius:22px;box-shadow:0 1px 2px #00000008}
.pm-cert-card>.elementor-element{box-shadow:none}
.pm-cert-card .elementor-widget.elementor-widget-image{width:100%;margin-bottom:2px}
.elementor-element.pm-cert-card img{display:block;width:100%;height:132px;object-fit:contain}
.pm-cert-card .elementor-widget-heading{width:82%;border-top:1px solid #bfc1c3;padding-top:20px}
.pm-cert-card .elementor-heading-title{font-family:'Titillium Text',sans-serif;font-size:25px;font-weight:600;line-height:1.15;color:#202329}
.pm-cert-card .pm-copy{font-weight:300;min-height:44px;color:#34383e}
.pm-cert-card .pm-button{width:82%;margin-top:auto;border-top:1px solid #bfc1c3;padding-top:18px}
.pm-certificates .pm-cert-card .elementor-button{min-width:0;padding:0;font-size:15px;font-weight:400;color:#0079c1;background:transparent;border:0;border-radius:0;box-shadow:none}
/* Belge ikonu içerikte bir görsel değil, bu yüzden pseudo-element. */
.pm-cert-card .elementor-button:before{content:'';display:block;width:30px;height:34px;margin:0 auto 10px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 34'%3E%3Cpath d='M6 1.5h12l6 6V32H6zM18 1.5v7h6M11 18h8M11 23h8' fill='none' stroke='%239a9da0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pm-cert-card .elementor-button:after{content:none;display:none}

@media(min-width:768px) and (max-width:1024px){
 .pm-certificates{--padding-top:45px;--padding-right:30px;--padding-bottom:48px;--padding-left:30px;--gap:30px;--row-gap:30px;--column-gap:30px}
 .pm-certificates>.pm-heading .elementor-heading-title{font-size:36px}
 .pm-cert-grid{--gap:20px;--row-gap:20px;--column-gap:20px}
 .pm-cert-card{--min-height:390px;--padding-top:30px;--padding-right:18px;--padding-bottom:26px;--padding-left:18px;border-radius:18px}
 .elementor-element.pm-cert-card img{height:110px}
 .pm-cert-card .elementor-heading-title{font-size:21px}
}
@media(max-width:767px){
 .pm-certificates{--padding-top:38px;--padding-right:20px;--padding-bottom:42px;--padding-left:20px;--gap:25px;--row-gap:25px;--column-gap:25px}
 .pm-certificates>.pm-heading .elementor-heading-title{font-size:32px}
 .pm-cert-grid{grid-template-columns:1fr;--gap:20px;--row-gap:20px;--column-gap:20px}
 .pm-cert-card{--min-height:405px;--padding-top:34px;--padding-right:24px;--padding-bottom:30px;--padding-left:24px;border-radius:18px}
 .elementor-element.pm-cert-card img{height:125px}
 .pm-cert-card .elementor-heading-title{font-size:23px}
 .pm-cert-card .pm-copy{min-height:0}
}


/* ==========================================================================
   12. SÜRDÜRÜLEBİLİRLİK (215 / 234)
   `pm-page`, `pm-row` gibi genel sınıfları hedeflediği için sayfa kapsamı
   korunuyor; iki class + sayfa class'ı = (0,3,0), Elementor'un altında.
   ========================================================================== */
:is(.page-id-215,.page-id-234) .pm-page{--gap:56px;--row-gap:56px;--column-gap:56px;--padding-top:64px;--padding-bottom:86px}
:is(.page-id-215,.page-id-234) .pm-row{--gap:0px;--row-gap:0px;--column-gap:0px;--align-items:center}
:is(.page-id-215,.page-id-234) :where(.pm-row)>.pm-photo{width:55%}
:is(.page-id-215,.page-id-234) :where(.pm-row)>.pm-copy-block{--pm-con-width:45%;--padding-left:5%;--gap:20px;--row-gap:20px;--column-gap:20px}
:is(.page-id-215,.page-id-234) :where(.pm-row.pm-reverse)>.pm-copy-block{--padding-left:0px;--padding-right:5%}
:is(.page-id-215,.page-id-234) .pm-intro-photo img{display:block;width:100%;height:auto;aspect-ratio:1.72;object-fit:cover}
:is(.page-id-215,.page-id-234) .pm-heading .elementor-heading-title{font-family:'Dekar',sans-serif;font-weight:400;line-height:1.08}
:is(.page-id-215,.page-id-234) .pm-page .pm-copy{font-weight:300}
:is(.page-id-215,.page-id-234) .elementor .pm-page .elementor-widget.pm-copy{max-width:455px}
@media(max-width:1024px){
 :is(.page-id-215,.page-id-234) .pm-page{--padding-top:48px;--padding-bottom:65px;--gap:40px;--row-gap:40px;--column-gap:40px}
 :is(.page-id-215,.page-id-234) :where(.pm-row)>.pm-photo{width:54%}
 :is(.page-id-215,.page-id-234) :where(.pm-row)>.pm-copy-block{--pm-con-width:46%;--padding-left:4%;--gap:16px;--row-gap:16px;--column-gap:16px}
 :is(.page-id-215,.page-id-234) :where(.pm-row.pm-reverse)>.pm-copy-block{--padding-left:0px;--padding-right:4%}
}
@media(max-width:767px){
 :is(.page-id-215,.page-id-234) .pm-page{--padding-top:35px;--padding-bottom:50px;--gap:30px;--row-gap:30px;--column-gap:30px}
 :is(.page-id-215,.page-id-234) .pm-row,:is(.page-id-215,.page-id-234) .pm-row.pm-reverse{--gap:22px;--row-gap:22px;--column-gap:22px}
 :is(.page-id-215,.page-id-234) :where(.pm-row)>.pm-photo{width:100%}
 :is(.page-id-215,.page-id-234) :where(.pm-row)>.pm-copy-block,:is(.page-id-215,.page-id-234) :where(.pm-row.pm-reverse)>.pm-copy-block{--pm-con-width:100%;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px}
 :is(.page-id-215,.page-id-234) .elementor .pm-page .elementor-widget.pm-copy{max-width:none}
}


/* ==========================================================================
   13. REFERANSLAR (216 / 235)
   Logo matrisindeki hücre ayraçları ve her markanın optik yükseklik
   düzeltmesi Elementor'dan yapılamaz.
   ========================================================================== */
:is(.page-id-216,.page-id-235) .pm-page{--gap:58px;--row-gap:58px;--column-gap:58px;--padding-top:64px;--padding-bottom:88px}
:is(.page-id-216,.page-id-235) .pm-page>.pm-row{--gap:0px;--row-gap:0px;--column-gap:0px;--align-items:center}
:is(.page-id-216,.page-id-235) :where(.pm-page>.pm-row)>.pm-photo{width:55%}
:is(.page-id-216,.page-id-235) :where(.pm-page>.pm-row)>.pm-copy-block{--pm-con-width:45%;--padding-left:5%;--gap:20px;--row-gap:20px;--column-gap:20px}
:is(.page-id-216,.page-id-235) .pm-intro-photo img{display:block;width:100%;height:auto;aspect-ratio:1.74;object-fit:cover}
:is(.page-id-216,.page-id-235) .pm-heading .elementor-heading-title{font-family:'Dekar',sans-serif;font-weight:400;line-height:1.08}
:is(.page-id-216,.page-id-235) .pm-page .pm-copy{font-weight:300}
:is(.page-id-216,.page-id-235) .elementor .pm-page .elementor-widget.pm-copy{max-width:455px}

.pm-reference-columns{display:grid;grid-template-columns:48% 41%;column-gap:11%;align-items:start;--pm-con-width:100%}
.pm-reference-column{--pm-con-width:100%;--gap:0px;--row-gap:0px;--column-gap:0px}
.pm-reference-column>.pm-section-title{text-align:left;padding-bottom:25px;border:0}
.pm-reference-column>.pm-section-title .elementor-heading-title{font-family:'Dekar',sans-serif;font-size:31px;font-weight:400;line-height:1;color:#1f2328}
.pm-reference-column>.pm-rule:after{content:'';position:absolute;left:0;right:0;bottom:0;width:100%;height:15px;background:url('../../../uploads/presmetal/725d2da-cizgi-01.png') left bottom/100% 15px no-repeat;border:0;transform:none}
.pm-reference-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));--gap:0px;--row-gap:0px;--column-gap:0px;--pm-con-width:100%;border-bottom:1px solid #d3d4d5}
.pm-reference-logos>.elementor-widget{height:96px;display:flex;align-items:center;justify-content:center;padding:16px 18px;border:0}
.pm-reference-logos>.elementor-widget img{display:block;width:100%;height:58px;max-width:100%;object-fit:contain}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:first-child{grid-column:1/-1;height:94px;padding-inline:24%}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(n+2){border-top:1px solid #d3d4d5}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(3),
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(4),
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(6),
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(7){border-left:1px solid #d3d4d5}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(2) img{height:45px}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(3) img{height:49px}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(4) img{height:47px}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(5) img{height:59px}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(6) img{height:62px}
.pm-reference-column:first-child .pm-reference-logos>.elementor-widget:nth-child(7) img{height:46px}
/* Tier 1: beş logo; üst satırda üç, alt satırda iki geniş hücre (6 sütunlu ızgara). Alt satırda Wanzl solda. */
.pm-reference-column:last-child .pm-reference-logos{grid-template-columns:repeat(6,minmax(0,1fr))}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget{grid-column:span 2}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(n+4){grid-column:span 3;border-top:1px solid #d3d4d5}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(2),
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(3),
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(4){border-left:1px solid #d3d4d5}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(4){order:5}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(5){order:4}
/* Alt satırdaki hücreler 1,5 kat geniş; logo alanı üst satırdaki hücrelerinkiyle eşitlenir, Yazaki büyümez. */
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(n+4) img{width:calc(66.667% - 10px)}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(1) img{height:58px}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(2) img{height:52px}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(3) img{height:47px}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(4) img{height:48px}
.pm-reference-column:last-child .pm-reference-logos>.elementor-widget:nth-child(5) img{height:46px}

@media(max-width:1024px){
 :is(.page-id-216,.page-id-235) .pm-page{--gap:44px;--row-gap:44px;--column-gap:44px;--padding-top:48px;--padding-bottom:66px}
 :is(.page-id-216,.page-id-235) :where(.pm-page>.pm-row)>.pm-photo{width:54%}
 :is(.page-id-216,.page-id-235) :where(.pm-page>.pm-row)>.pm-copy-block{--pm-con-width:46%;--padding-left:4%;--gap:16px;--row-gap:16px;--column-gap:16px}
 .pm-reference-columns{grid-template-columns:1fr 1fr;column-gap:6%}
 .pm-reference-column>.pm-section-title .elementor-heading-title{font-size:27px}
 .pm-reference-logos>.elementor-widget{height:84px;padding:14px 12px}
}
@media(max-width:767px){
 :is(.page-id-216,.page-id-235) .pm-page{--gap:34px;--row-gap:34px;--column-gap:34px;--padding-top:35px;--padding-bottom:52px}
 :is(.page-id-216,.page-id-235) .pm-page>.pm-row{--gap:22px;--row-gap:22px;--column-gap:22px}
 :is(.page-id-216,.page-id-235) :where(.pm-page>.pm-row)>.pm-photo{width:100%}
 :is(.page-id-216,.page-id-235) :where(.pm-page>.pm-row)>.pm-copy-block{--pm-con-width:100%;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px}
 :is(.page-id-216,.page-id-235) .elementor .pm-page .elementor-widget.pm-copy{max-width:none}
 .pm-reference-columns{display:flex;--pm-flex-direction:column;--gap:38px;--row-gap:38px;--column-gap:38px}
 .pm-reference-column>.pm-section-title .elementor-heading-title{font-size:29px}
 .pm-reference-logos>.elementor-widget{height:80px;padding:12px 10px}
}


/* ==========================================================================
   14. İNSAN KAYNAKLARI (217 / 236)
   ========================================================================== */
.pm-hr-intro{background:#e9eaec;--gap:0px;--row-gap:0px;--column-gap:0px}
.pm-hr-intro>.pm-copy-block{--padding-top:40px;--padding-right:40px;--padding-bottom:40px;--padding-left:40px}
.pm-hr-intro>.elementor-widget{width:50%;align-self:stretch}
.elementor-element.pm-hr-intro>.elementor-widget img{height:100%;min-height:420px}
.pm-hr-columns{--align-items:flex-start;--gap:70px;--row-gap:70px;--column-gap:70px}
.pm-hr-columns>.e-con{--gap:28px;--row-gap:28px;--column-gap:28px}
.pm-hr-columns .pm-button{margin-top:18px}
/* Açık pozisyonlar butonu kurumsal maviyi kullanır. */
:is(.page-id-217,.page-id-236) .pm-button .elementor-button{background:#0079c1}
:is(.page-id-217,.page-id-236) .pm-button .elementor-button:hover,
:is(.page-id-217,.page-id-236) .pm-button .elementor-button:focus-visible{background:#0079c1}
@media(max-width:1024px){
 .pm-hr-intro>.pm-copy-block{--padding-top:25px;--padding-right:25px;--padding-bottom:25px;--padding-left:25px}
}
@media(max-width:767px){
 .pm-hr-intro>.elementor-widget{width:100%}
 .elementor-element.pm-hr-intro>.elementor-widget img{min-height:0;height:auto}
 .pm-hr-columns{--gap:35px;--row-gap:35px;--column-gap:35px;--align-items:stretch}
}


/* ==========================================================================
   15. İLETİŞİM (218 / 237)
   ========================================================================== */
.pm-contact{--pm-con-width:var(--pm-frame);margin-inline:auto;--padding-top:70px}
.pm-contact .pm-row{--gap:0px;--row-gap:0px;--column-gap:0px;--padding-left:0px;--align-items:center}
.pm-contact :where(.pm-row)>.pm-copy-block{--pm-con-width:38%;--padding-right:50px;--gap:18px;--row-gap:18px;--column-gap:18px}
.pm-contact :where(.pm-row)>.pm-contact-map{width:62%}
.pm-contact .pm-phone .elementor-heading-title{font-family:'Titillium Text',sans-serif;font-weight:600;color:#222;font-size:30px}
.pm-contact iframe{width:100%;height:440px;border:0;filter:grayscale(1)}
@media(max-width:1024px){
 .pm-contact{--padding-top:48px}
 .pm-contact :where(.pm-row)>.pm-copy-block{--pm-con-width:40%;--padding-right:24px}
 .pm-contact :where(.pm-row)>.pm-contact-map{width:60%}
}
@media(max-width:767px){
 .pm-contact{--padding-top:35px}
 .pm-contact :where(.pm-row)>.pm-copy-block,.pm-contact :where(.pm-row)>.pm-contact-map{--pm-con-width:100%;width:100%;--padding-right:0px}
 .pm-contact :where(.pm-row)>.pm-copy-block{--padding-left:20px;--padding-right:0px;--padding-bottom:10px}
 .pm-contact iframe{height:350px}
 /* Adres bloğu (son metin) bir punto küçük: .pm-page .pm-copy 18px -> 17px. */
 .pm-contact .pm-copy:last-child{font-size:17px}
}


/* ==========================================================================
   16. POLİTİKALAR (204 / 223)
   Kademeli görsel kompozisyonu Elementor'un yerleşim araçlarıyla
   kurulamaz; üst üste binen satırlar negatif margin ile konumlanır.
   ========================================================================== */
.pm-policies .pm-row{--align-items:flex-start}
.pm-policy-images{--gap:20px;--row-gap:20px;--column-gap:20px}
.elementor-element.pm-policy-images img{display:block;aspect-ratio:1;object-fit:cover}
.pm-policies>.pm-row .elementor-heading-title{font-size:46px;letter-spacing:.035em;color:var(--pm-blue)}
.pm-policies>.pm-row .pm-copy{font-size:18px;line-height:1.45}
@media(min-width:1025px){
 :is(.page-id-204,.page-id-223) .pm-page{--padding-top:76px;--padding-bottom:92px;--gap:0px;--row-gap:0px;--column-gap:0px}
 :is(.page-id-204,.page-id-223) .pm-page>.pm-row{--gap:5%;--row-gap:5%;--column-gap:5%;--align-items:flex-start;position:relative}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-intro-photo{width:55%;flex-grow:0;flex-shrink:0}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-policy-images{--pm-con-width:55%;flex-grow:0;flex-shrink:0}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-copy-block{--pm-con-width:40%;flex-grow:0;flex-shrink:0;--padding-top:32px;--padding-right:1%;--padding-left:1%;--gap:22px;--row-gap:22px;--column-gap:22px}
 :is(.page-id-204,.page-id-223) .pm-row .elementor-heading-title{line-height:1.08;font-weight:400}
 :is(.page-id-204,.page-id-223) .pm-row .pm-copy{color:#17191c;font-weight:300}
 :is(.page-id-204,.page-id-223) .pm-row .pm-copy p:first-child{font-weight:600;margin-bottom:18px}
 :is(.page-id-204,.page-id-223) .pm-row .pm-copy li{margin-bottom:10px}
 :is(.page-id-204,.page-id-223) .pm-page .pm-policy-accent{color:#0079c1;font-weight:600}
 :is(.page-id-204,.page-id-223) .pm-row:where(:nth-child(1)){z-index:1}
 :is(.page-id-204,.page-id-223) .pm-row:where(:nth-child(1))>.pm-intro-photo img{width:100%;aspect-ratio:1.09;object-fit:cover}
 :is(.page-id-204,.page-id-223) .pm-row:where(:nth-child(2)){z-index:2;margin-top:-56px}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row:nth-child(2))>.pm-copy-block{--padding-top:80px}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-policy-images{--gap:18px;--row-gap:18px;--column-gap:18px}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-policy-images>.elementor-widget{width:100%}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-policy-images>.elementor-widget img{width:100%;display:block;object-fit:cover}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-policy-images>.elementor-widget:nth-child(1) img{aspect-ratio:1.75}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row)>.pm-policy-images>.elementor-widget:nth-child(2) img{aspect-ratio:1.09}
 :is(.page-id-204,.page-id-223) .pm-row:where(:nth-child(3)){z-index:3;margin-top:-56px}
 :is(.page-id-204,.page-id-223) .pm-row:where(:nth-child(3))>.pm-intro-photo img{width:100%;aspect-ratio:.855;object-fit:cover}
 :is(.page-id-204,.page-id-223) :where(.pm-page>.pm-row:nth-child(3))>.pm-copy-block{--padding-top:85px}
 :is(.page-id-204,.page-id-223) .pm-row:where(:nth-child(n+2)){margin-top:32px}
}
@media(max-width:1279px){
 .pm-policies>.pm-row .elementor-heading-title{font-size:38px}
}
@media(max-width:767px){
 .pm-policies>.pm-row .elementor-heading-title{font-size:34px}
 .elementor-element.pm-policies .pm-intro-photo img,.elementor-element.pm-policies .pm-policy-images img{aspect-ratio:auto;height:auto;object-fit:contain}
}


/* ==========================================================================
   17. HAKKIMIZDA (201 / 220)
   Fabrika görselleri kademeli dizilir; satırlar arası boşluk fotoğrafların üst üste binmesini önler.
   ========================================================================== */
@media(min-width:1025px){
 :is(.page-id-201,.page-id-220) .pm-page{--padding-top:76px;--padding-bottom:92px;--gap:56px;--row-gap:56px;--column-gap:56px}
 :is(.page-id-201,.page-id-220) .pm-page>.pm-row{--gap:5%;--row-gap:5%;--column-gap:5%;--align-items:center;position:relative}
 :is(.page-id-201,.page-id-220) :where(.pm-page>.pm-row)>.pm-intro-photo{width:55%;flex-grow:0;flex-shrink:0}
 :is(.page-id-201,.page-id-220) :where(.pm-page>.pm-row)>.pm-copy-block{--pm-con-width:40%;flex-grow:0;flex-shrink:0;--padding-right:2%;--padding-left:2%;--gap:24px;--row-gap:24px;--column-gap:24px}
 :is(.page-id-201,.page-id-220) :where(.pm-page>.pm-row)>.pm-intro-photo img{width:100%;aspect-ratio:1.8;object-fit:cover}
 :is(.page-id-201,.page-id-220) :where(.pm-row:first-child) .pm-heading .elementor-heading-title{font-size:42px;font-weight:400}
 :is(.page-id-201,.page-id-220) .pm-page .pm-copy{font-size:clamp(14px,1.15vw,18px);line-height:1.28}
 :is(.page-id-201,.page-id-220) :where(.pm-page>.pm-row:first-child)>.pm-copy-block{--padding-bottom:56px;--gap:18px;--row-gap:18px;--column-gap:18px}
}


/* ==========================================================================
   18. TARİHÇE (202 / 221)
   Dikey eksen üzerinde kayan panel yapısı Elementor'da karşılığı olmayan
   özel bir bileşendir: mutlak konumlu olay noktaları, eksen çizgisi ve
   panel geçişi site.js ile birlikte çalışır. Bu yüzden bu bölümde
   geometri doğrudan property ile yazılır; giriş satırı ise düzenlenebilir.
   ========================================================================== */
.pm-history-page{--padding-top:76px;--padding-bottom:90px;--gap:76px;--row-gap:76px;--column-gap:76px}
.pm-history-page>.pm-row{--gap:5%;--row-gap:5%;--column-gap:5%;--align-items:center}
.pm-history-page>:where(.pm-row)>.pm-intro-photo{width:55%;flex-grow:0;flex-shrink:0}
.pm-history-page>:where(.pm-row)>.pm-copy-block{--pm-con-width:40%;flex-grow:0;flex-shrink:0;--gap:24px;--row-gap:24px;--column-gap:24px}
.elementor-element.pm-history-page>:where(.pm-row)>.pm-intro-photo img{display:block;aspect-ratio:1.735;width:100%;object-fit:cover}
.pm-history-page .pm-heading .elementor-heading-title{font-weight:400;line-height:1.12}
.pm-history-page>.pm-row .pm-copy p+p{margin-top:22px}

/* --- Zaman çizelgesi bileşeni ------------------------------------------- */
.pm-history{--axis:46.5%;--history-height:740px;display:block;position:relative;width:100%;padding:0;background:#fff}
.pm-history:before{content:'';position:absolute;z-index:0;left:calc(var(--axis) - .75px);top:0;width:1.5px;height:var(--history-height);background:#8a96a6;pointer-events:none}
.pm-history-viewport{position:relative;z-index:1;height:var(--history-height);overflow:hidden;touch-action:pan-x}
.pm-history-track{width:100%;transition:transform 650ms cubic-bezier(.22,.61,.36,1)}
.pm-history-panel{display:block;position:relative;width:100%;height:var(--history-height);min-height:var(--history-height);padding:0;gap:0}
.pm-history-event{position:absolute;left:var(--axis);width:0;height:0;padding:0;margin:0;display:block;overflow:visible}
.pm-history-slot-1{top:22%}.pm-history-slot-2{top:58%}.pm-history-slot-3{top:93%}
.pm-history-count-2 .pm-history-slot-2{top:80%}
.pm-history-panel-8 .pm-history-slot-1{top:31%}.pm-history-panel-8 .pm-history-slot-2{top:83%}
.pm-history-event:after{content:'';position:absolute;width:15px;height:15px;background:#53647c;left:-7.5px;top:-7.5px;right:auto;bottom:auto;z-index:4;opacity:1;display:block}
.elementor .pm-history .pm-history-event>.elementor-widget.elementor-widget{max-width:none}
.pm-history-year{position:absolute;right:34px;bottom:-12px;width:max-content;margin:0}
.pm-history-year .elementor-heading-title{font-family:'Dekar',sans-serif;font-size:38px;font-weight:400;line-height:1;color:#53647c;white-space:nowrap;letter-spacing:0}
.pm-history-right>.pm-history-year{right:auto;left:34px}
.elementor-element.pm-history-copy{position:absolute;left:30px;bottom:-8px;width:182px;max-width:none;background:#53647c;color:#fff;font-family:'Titillium Text',sans-serif;font-size:16px;line-height:1.25;font-weight:400;padding:30px;min-height:98px;margin:0;text-align:left}
.pm-history-copy p{margin:0}
.pm-history-copy .pm-history-foundation{font-size:24px;margin-bottom:8px}
.pm-history-right>.pm-history-copy{left:auto;right:36px}
.pm-history-year-1970>.pm-history-copy{font-size:13px;padding:26px 30px}
.pm-history-logos{position:absolute;right:176px;bottom:-8px;display:flex;--pm-flex-direction:row;flex-wrap:nowrap;gap:0;width:150px;max-width:none;align-items:center;margin:0;padding:0}
.pm-history-right>.pm-history-logos{right:auto;left:176px}
.elementor .pm-history-logos>.elementor-widget.elementor-widget{width:100%;max-width:none}
.elementor-element.pm-history-logos img{display:block;width:100%;height:auto;max-height:150px;margin-inline:auto}
/* Yön oku bir görsel değil, çizilmiş bir şekildir. */
.pm-history-logos:after{content:'';position:absolute;left:calc(100% + 14px);bottom:8px;width:44px;height:9px;background:#a7afb9;clip-path:polygon(0 50%,18% 0,18% 42%,100% 42%,100% 58%,18% 58%,18% 100%)}
.pm-history-right>.pm-history-logos:after{left:auto;right:calc(100% + 14px);transform:rotate(180deg)}
.pm-history-year-2025>.pm-history-logos{width:220px;left:150px}
.pm-history-year-2025>.pm-history-logos:after,.pm-history-year-2017>.pm-history-logos:after,.pm-history-year-2011>.pm-history-logos:after,.pm-history-year-2010>.pm-history-logos:after,.pm-history-year-2004>.pm-history-logos:after{display:none}
.pm-history-year-2017>.pm-history-logos{width:90px;right:148px;bottom:-48px}
.pm-history-year-2011>.pm-history-logos{width:80px;right:138px}
.elementor-element.pm-history-year-2017>.pm-history-logos img,.elementor-element.pm-history-year-2011>.pm-history-logos img{max-height:210px}
.pm-history-year-2016>.pm-history-logos{width:44px;left:204px}
.pm-history-year-2013>.pm-history-logos{width:76px}
.pm-history-year-2012>.pm-history-logos{width:86px}
.pm-history-year-2010>.pm-history-logos{width:64px;left:142px}
.pm-history-year-2018>.pm-history-logos{width:105px}
.pm-history-year-2008>.pm-history-logos{width:120px;left:214px}
.pm-history-year-2005>.pm-history-logos{width:108px;left:204px}
.pm-history-year-2004>.pm-history-logos{width:65px;right:147px}
.pm-history-year-1984>.pm-history-logos{width:65px;left:186px}
.pm-history-year-2022>.pm-history-logos{left:34px;bottom:-88px;width:630px;gap:0;justify-content:space-between}
.pm-history-year-2022>.pm-history-copy{bottom:-128px}
.pm-history-year-2022>.pm-history-logos>.elementor-widget{width:104px;flex:0 0 104px;position:relative}
.pm-history-year-2022>.pm-history-logos>.elementor-widget:nth-child(3){width:140px;flex-basis:140px}
.pm-history-year-2022>.pm-history-logos>.elementor-widget:nth-child(4){width:110px;flex-basis:110px}
.pm-history-year-2022>.pm-history-logos>.elementor-widget:not(:last-child):after{content:'';position:absolute;left:calc(100% + 12px);top:50%;width:42px;height:9px;background:#a7afb9;clip-path:polygon(0 50%,18% 0,18% 42%,100% 42%,100% 58%,18% 58%,18% 100%);transform:rotate(180deg)}
.pm-history-partners-left{position:absolute;right:246px;bottom:-20px;width:165px}
.pm-history .pm-history-nav{position:absolute;z-index:5;left:calc(var(--axis) - 22px);width:44px;height:30px;background:transparent;border:0;padding:0;cursor:pointer;color:#53647c}
.pm-history-prev{top:-12px}.pm-history-next{bottom:-12px}
.pm-history .pm-history-nav:disabled{cursor:default;color:#8a96a6}
.pm-history .pm-history-nav:focus-visible{outline:2px solid #0079c1;outline-offset:2px}
.pm-history .pm-history-nav:before{content:'';position:absolute;left:15px;top:8px;width:14px;height:14px;border-top:3px solid currentColor;border-left:3px solid currentColor;transform:rotate(45deg)}
.pm-history .pm-history-next:before{transform:rotate(225deg);top:3px}
.pm-history-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Editörde bütün paneller görünür kalsın. */
body.elementor-editor-active .pm-history:before{height:100%}
body.elementor-editor-active .pm-history-panel{border-bottom:1px dashed #b7d4df}
/* Vektör logolar raster dosyalardan daha az iç boşluk taşıdığı için her biri
   panelin çizildiği optik boyuta geri ölçekleniyor. Bu yedi görselde
   Elementor'un genişlik ayarı bilinçli olarak devre dışıdır. */
.pm-history-year-2024>.pm-history-logos>.elementor-widget.elementor-widget-image img{width:89.1%}
.pm-history-year-2022>.pm-history-logos>.elementor-widget.elementor-widget-image:nth-child(1) img{width:104.1%;max-width:none}
.pm-history-year-2022>.pm-history-logos>.elementor-widget.elementor-widget-image:nth-child(2) img{width:93.2%}
.pm-history-year-2022>.pm-history-logos>.elementor-widget.elementor-widget-image:nth-child(3) img{width:93.4%}
.pm-history-year-2022>.pm-history-logos>.elementor-widget.elementor-widget-image:nth-child(4) img{width:94.3%}
.pm-history-year-2018>.pm-history-logos>.elementor-widget.elementor-widget-image img{width:93.3%}
.pm-history-year-2016>.pm-history-logos>.elementor-widget.elementor-widget-image img{width:107%;max-width:none}

@media(min-width:768px) and (max-width:1200px){
 .pm-history{--axis:44%;--history-height:700px}
 .pm-history-year-2022>.pm-history-logos{width:430px;gap:0}
 .pm-history-year-2022>.pm-history-logos>.elementor-widget{width:85px;flex-basis:85px}
 .pm-history-year-2022>.pm-history-logos>.elementor-widget:nth-child(3){width:110px;flex-basis:110px}
 .pm-history-year-2022>.pm-history-logos>.elementor-widget:nth-child(4){width:85px;flex-basis:85px}
 .pm-history-year-2022>.pm-history-logos>.elementor-widget:not(:last-child):after{width:16px;left:calc(100% + 3px)}
 .pm-history-partners-left{width:125px;right:235px}
}
@media(max-width:767px){
 .pm-history-page{--padding-top:35px;--padding-bottom:50px;--gap:38px;--row-gap:38px;--column-gap:38px}
 .pm-history-page>.pm-row{--gap:24px;--row-gap:24px;--column-gap:24px}
 .pm-history-page>:where(.pm-row)>.pm-intro-photo{width:100%}
 .pm-history-page>:where(.pm-row)>.pm-copy-block{--pm-con-width:100%}
 .pm-history{--axis:50%;--history-height:680px}
 .pm-history-year .elementor-heading-title{font-size:25px}
 .pm-history-year{right:18px;bottom:-9px}
 .pm-history-right>.pm-history-year{left:18px}
 .elementor-element.pm-history-copy{left:16px;width:calc((100vw - 64px)/2 - 22px);padding:18px 13px;font-size:13px;min-height:75px}
 .pm-history-right>.pm-history-copy{left:auto;right:16px}
 .elementor-element.pm-history-logos{right:18px;bottom:-76px;width:95px}
 .pm-history-right>.elementor-element.pm-history-logos{left:18px;right:auto;width:100px;bottom:-76px}
 .pm-history-logos:after{display:none}
 .pm-history-year-2017>.elementor-element.pm-history-logos,.pm-history-year-2011>.elementor-element.pm-history-logos{width:46px;bottom:-108px}
 .elementor-element.pm-history-year-2017>.pm-history-logos img,.elementor-element.pm-history-year-2011>.pm-history-logos img{max-height:100px}
 .pm-history-year-2016>.elementor-element.pm-history-logos,.pm-history-year-2010>.elementor-element.pm-history-logos{width:36px}
 .pm-history-year-2004>.elementor-element.pm-history-logos,.pm-history-year-1984>.elementor-element.pm-history-logos{width:50px}
 .pm-history-slot-1{top:23%}.pm-history-slot-2{top:54%}.pm-history-slot-3{top:85%}
 .pm-history-year-2022>.elementor-element.pm-history-logos{left:18px;bottom:-135px;width:140px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
 .pm-history-year-2022>.pm-history-logos>.elementor-widget:nth-child(n){width:auto;flex-basis:auto}
 .pm-history-year-2022>.pm-history-logos>.elementor-widget:after{display:none}
 .pm-history-partners-left{right:18px;top:144px;bottom:auto;width:130px}
 .pm-history-year-1970>.elementor-element.pm-history-copy{font-size:12px;padding:16px 12px}
 .pm-history-copy .pm-history-foundation{font-size:20px}
 .pm-history-panel-8 .pm-history-slot-1{top:31%}
 .pm-history-panel-8 .pm-history-year .elementor-heading-title{font-size:25px}
}


/* ==========================================================================
   19. VİZYON, MİSYON VE DEĞERLER (203 / 222)
   Üçgen diyagram, ok görselleri ve çevresindeki metin balonları mutlak
   konumlu özel bir kompozisyondur; Elementor'dan kurulamaz.
   ========================================================================== */
.pm-vmv-page{--padding-top:72px;--padding-bottom:90px;--gap:0px;--row-gap:0px;--column-gap:0px}
.pm-vmv-page>.elementor-widget-heading{display:none}
.pm-vmv-stage{position:relative;display:block;width:100%;aspect-ratio:1280/660}
.pm-vmv-art{position:absolute;left:23%;top:0;width:56%;aspect-ratio:1800/1540;display:block;padding:0;gap:0}
.pm-vmv-art>.elementor-element{position:absolute;margin:0;padding:0;max-width:none}
.elementor-element.pm-vmv-art .pm-vmv-piece img{display:block;width:100%;height:auto}
.pm-vmv-art>.pm-vmv-red{left:0;top:0;width:55.5556%}
.pm-vmv-art>.pm-vmv-blue{left:47.2733%;top:-2.106%;width:50%}
.pm-vmv-art>.pm-vmv-gold{left:-2.1194%;top:69.2792%;width:100%}
.pm-vmv-art>.pm-vmv-logo{left:40%;top:61%;width:16%}
.pm-vmv-art>.pm-vmv-label{width:auto;height:auto;z-index:2}
.pm-vmv-label .elementor-heading-title{font-family:'Dekar',sans-serif;font-size:clamp(24px,3vw,44px);font-weight:400;line-height:1.1;color:#fff}
.pm-vmv-art>.pm-vmv-mission{left:33%;top:35%}
.pm-vmv-art>.pm-vmv-vision{left:67%;top:78%}
.pm-vmv-art>.pm-vmv-values{left:16%;top:86%}
.pm-vmv-copy{position:absolute;inset:0;display:block;pointer-events:none}
.pm-vmv-text{position:absolute;width:23%;padding:0;gap:0;pointer-events:auto}
.pm-vmv-text>.elementor-widget-heading{display:none}
.pm-vmv-text .elementor-widget-text-editor{font-family:'Titillium Text',sans-serif;font-weight:400;color:#424242}
.pm-vmv-page .pm-vmv-text .pm-copy{font-size:clamp(11px,1.04vw,16px);line-height:1.2}
.pm-vmv-text p{margin:0}
.pm-vmv-text-mission{left:2%;top:14%;width:18%;text-align:right}
.pm-vmv-text-vision{right:4%;top:36%;text-align:left}
.pm-vmv-text-values{left:0;top:68%;width:21%;text-align:right}
.pm-vmv-arrow{position:absolute;z-index:3;max-width:none;padding:0;margin:0;pointer-events:none}
.pm-vmv-arrow img{width:100%;height:auto}
.pm-vmv-arrow-red{left:23.5%;top:17%;width:22%}
.pm-vmv-arrow-blue{left:62%;top:39%;width:9%}
.pm-vmv-arrow-gold{left:23.5%;top:73%;width:13%}
@media(min-width:1101px){
 .page-id-203 .pm-vmv-text p{white-space:nowrap}
 .pm-vmv-text-values{left:-2%;width:23%}
}
@media(min-width:768px) and (max-width:1100px){
 .pm-vmv-stage{aspect-ratio:1280/800}
 .pm-vmv-label .elementor-heading-title{font-size:28px}
 .pm-vmv-text .elementor-widget-text-editor{font-size:15px}
}
@media(max-width:767px){
 .pm-vmv-page{--padding-top:35px;--padding-bottom:50px}
 .pm-vmv-stage{aspect-ratio:auto;display:flex;flex-direction:column;gap:30px}
 .pm-vmv-art{position:relative;left:auto;top:auto;width:100%;flex-shrink:0}
 .pm-vmv-label .elementor-heading-title{font-size:clamp(19px,5.5vw,34px)}
 .pm-vmv-copy{position:relative;inset:auto;display:flex;gap:24px}
 .pm-vmv-text{position:relative;inset:auto;width:100%;text-align:center;gap:8px}
 .pm-vmv-text>.elementor-widget-heading{display:block}
 .pm-vmv-text .elementor-heading-title{font-size:27px;color:#007fba}
 .pm-vmv-page .pm-vmv-text .pm-copy{font-size:17px;line-height:1.4}
 .pm-vmv-text br.pm-desktop-break{display:none}
 .pm-vmv-arrow{display:none}
}


/* ==========================================================================
   20. FOOTER
   ========================================================================== */
/* Degrade ve altındaki üçgen aynı renk geçişini paylaşır. `!important`
   gerekli: footer container'ında Elementor'dan gelen eski arkaplan görseli
   degradeyi kapatır ve üçgen ile hizası bozulur. */
.pm-footer{--pm-footer-gradient:linear-gradient(90deg,#202d40 0%,#35465c 35%,#53667e 70%,#718197 100%);position:relative;overflow:visible;z-index:1;color:white;background-image:var(--pm-footer-gradient)!important;background-color:#35465c;background-size:100% 100%;background-repeat:no-repeat;--padding-top:70px;--padding-bottom:80px}
.pm-footer:after{content:'';position:absolute;left:max(calc((100% - 1280px)/2),32px);top:calc(100% - 1px);width:34px;height:18px;background-image:var(--pm-footer-gradient);background-size:100vw 100%;background-position:calc(-1 * max((100vw - 1280px)/2,32px)) 0;clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none}
.pm-footer-inner{--pm-flex-direction:row;--gap:0px;--row-gap:0px;--column-gap:0px}
.pm-footer-col{--pm-con-width:25%;--padding-right:30px;--padding-left:30px;--gap:14px;--row-gap:14px;--column-gap:14px;border-right:1px solid #ffffff60}
.pm-footer-col:first-child{--padding-left:0px}
.pm-footer-col:last-child{border:0}
.pm-footer-col .elementor-heading-title{font-family:'Titillium Text',sans-serif;font-size:18px;font-weight:400;color:white;margin-bottom:12px;text-transform:uppercase}
.pm-footer-col .pm-copy{font-size:13px;line-height:1.85;text-transform:uppercase}
/* Koyu zeminde mavi hover okunmuyor: renk sabit, sadece alt çizgi. */
.pm-footer-col .pm-copy a:hover,.pm-footer-col .pm-copy a:focus-visible{text-decoration:underline;color:inherit}
.pm-footer-bottom{background:#e8e8e8;--padding-top:30px;--padding-bottom:30px}
.pm-footer-bottom-inner{--pm-flex-direction:row;--align-items:center;--gap:42px;--row-gap:42px;--column-gap:42px}
.pm-footer-brand{width:235px;flex-shrink:0}
.pm-footer-legal{flex:1;font-size:12px}
.pm-footer-legal p{display:flex;gap:24px;flex-wrap:wrap}
.pm-footer-bottom .pm-copy{font-size:12px}
.pm-footer-copyright{--pm-flex-direction:row;--pm-flex-wrap:wrap;--pm-con-width:auto;--align-items:center;--justify-content:flex-start;--gap:3px;--row-gap:3px;--column-gap:3px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;max-width:100%;min-width:0}
.pm-copyright-text{width:auto;max-width:100%;margin:0}
.pm-copyright-text .elementor-heading-title{font-family:'Titillium Text',sans-serif;font-size:9px;font-weight:400;line-height:1.6;color:#343b43}
.pm-copyright-text a:hover,.pm-copyright-text a:focus-visible{text-decoration:underline}
.pm-footer-bottom-inner{--column-gap:20px}
@media(max-width:1279px){
 .pm-footer-bottom-inner{--pm-flex-wrap:wrap}
 .pm-footer-copyright{--pm-con-width:100%;--justify-content:flex-end;order:4}
}
@media(max-width:767px){
 .pm-footer-copyright{--justify-content:flex-start}
 .pm-copyright-text .elementor-heading-title{font-size:11px}
}
.pm-socials{--pm-flex-direction:row;--gap:14px;--row-gap:14px;--column-gap:14px;--pm-con-width:auto}
.pm-socials .elementor-widget{width:28px}
.pm-socials img{width:28px;height:28px;object-fit:contain}
@media(max-width:1024px){
 .pm-footer{--padding-top:50px;--padding-bottom:50px}
 .pm-footer-col{--padding-right:20px;--padding-left:20px}
 .pm-footer-col .pm-copy{font-size:11px}
 .pm-footer-col .elementor-heading-title{font-size:16px}
 .pm-footer-bottom-inner{--gap:24px;--row-gap:24px;--column-gap:24px;--pm-flex-wrap:wrap}
 .pm-footer-brand{width:200px}
}
@media(max-width:767px){
 .pm-footer{--padding-top:38px;--padding-bottom:38px}
 .pm-footer:after{left:32px}
 .pm-footer-inner{--pm-flex-wrap:wrap;--row-gap:30px}
 .pm-footer-col{--pm-con-width:50%;--padding-right:16px;--padding-left:16px;border:0}
 .pm-footer-col:nth-child(odd){--padding-left:0px;border-right:1px solid #ffffff40}
 /* "SÜRDÜRÜLEBİLİRLİK" tek kelime ve ~9.1em genişliğinde; sütun içi 50vw - 48px. Dar
    telefonlarda (360 px ve altı) punto sütuna sığacak kadar küçülür, sayfa yana taşmaz. */
 .pm-footer-col .elementor-heading-title{font-size:min(16px,calc((50vw - 48px) / 9.2))}
 .pm-footer-col .pm-copy{font-size:11px;line-height:1.9}
 /* Sabit çerez düğmesi en alttaki copyright metnini kapatmasın. */
 .pm-footer-bottom{--padding-top:28px;--padding-bottom:76px}
 .pm-footer-legal .pm-legal-links{padding-bottom:0}
 .pm-footer-bottom-inner{--gap:22px;--row-gap:22px;--column-gap:22px}
 .pm-footer-brand{width:190px}
 .pm-footer-legal{flex:1 1 100%;order:3}
 .pm-footer-legal p{gap:12px 20px}
 .pm-socials{margin-left:auto}
 .pm-socials .elementor-widget{width:24px}
}


/* ==========================================================================
   21. YASAL BAĞLANTILAR VE ÇEREZ BANDI
   Bu işaretleme Elementor'dan değil temadan (inc/theme-settings.php)
   geliyor; tamamı tema sorumluluğundadır.
   ========================================================================== */
.pm-legal-links{display:flex;align-items:center;gap:18px 24px;flex-wrap:wrap}
.presmetal-site .pm-legal-links a,.presmetal-site .pm-legal-links button{font:600 12px 'Titillium Text',sans-serif;color:#343b43;text-transform:uppercase;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;line-height:1.4}
.presmetal-site .pm-legal-links a:hover,.presmetal-site .pm-legal-links button:hover{text-decoration:underline}
#pm-policy-dialog button{font:600 15px 'Titillium Text',sans-serif;background:#0079c1;color:#fff;border:1px solid #0079c1;padding:10px 20px;cursor:pointer}
#pm-policy-dialog{border:0;padding:32px;width:calc(100% - 40px);max-width:480px;color:#343b43;font:16px/1.5 'Titillium Text',sans-serif}
#pm-policy-dialog::backdrop{background:#14223580}
#pm-policy-dialog h2{font:400 28px 'Titillium Text',sans-serif;color:#0079c1;margin-top:0}
.pm-legal-links :focus-visible{outline:2px solid #0079c1;outline-offset:4px}
@media(max-width:767px){
 .pm-legal-links{gap:0 9px;display:grid;grid-template-columns:auto auto 1fr;align-items:start;padding-bottom:56px}
 .presmetal-site .pm-legal-links a,.presmetal-site .pm-legal-links button{font-size:9px;line-height:1.35;text-align:left}
 .presmetal-site .pm-legal-links>a:not(:first-child),.presmetal-site .pm-legal-links>button:not(:first-child){border-left:1px solid #343b4366;padding-left:9px}
}


/* ==========================================================================
   22. BAĞLANTI GÖRÜNÜMLÜ DÜĞMELER
   Elementor Site Settings'teki varsayılan buton stili her `button` ve
   `.elementor-button` için bir üzerine-gelme rengi de yazar:
     .elementor-kit-6 button:hover              (2 class + 1 element)
     .elementor-kit-6 .elementor-button:hover   (3 class)
   Aşağıdaki düğmeler tasarımda düz bağlantıdır, o yüzden kendi durumlarını
   bir basamak üstte tanımlarlar. Elementor'un widget bazlı hover ayarı beş
   class taşıdığı için panelden verilen renk yine üstte kalır.
   ========================================================================== */
.presmetal-site .pm-legal-links a:hover,.presmetal-site .pm-legal-links a:focus,
.presmetal-site .pm-legal-links button:hover,.presmetal-site .pm-legal-links button:focus{background:none;color:#343b43;text-decoration:underline}
.pm-production .pm-gallery-arrow:hover,.pm-production .pm-gallery-arrow:focus{background:transparent;color:#181b20}
.pm-history .pm-history-nav:hover,.pm-history .pm-history-nav:focus{background:transparent;color:#53647c}
.pm-certificates .pm-cert-card .elementor-button:hover,.pm-certificates .pm-cert-card .elementor-button:focus{background:transparent;color:#0079c1}
.pm-card .pm-button .elementor-button:hover,.pm-card .pm-button .elementor-button:focus{background:transparent;color:#fff}
.pm-hero-film:hover .pm-film-label .elementor-heading-title{background:none}
.pm-header-inner .pm-nav .elementor-menu-toggle:hover,.pm-header-inner .pm-nav .elementor-menu-toggle:focus{background:transparent;color:#fff}


/* ==========================================================================
   23. 404 SAYFASI (404.php — Elementor dışı)
   ========================================================================== */
.pm-error-page{max-width:960px;margin:0 auto;padding:70px 24px 90px;text-align:center;color:#34465b}
.pm-error-code{display:block;font-family:Arial,sans-serif;font-size:clamp(110px,16vw,190px);font-weight:700;line-height:1;color:#e7f2f8;letter-spacing:-8px}
.pm-error-eyebrow{color:#0079c1;letter-spacing:4px;font-size:13px;margin-top:25px}
.pm-error-page h1{font-family:Dekar,sans-serif;color:#0079c1;font-size:clamp(32px,4vw,48px);font-weight:400}
.pm-error-page>p:not(.pm-error-eyebrow){max-width:520px;margin:20px auto 32px;font-size:18px;line-height:1.6}
.pm-error-home{display:inline-flex;gap:28px;padding:14px 24px;border-radius:4px;background:#0079c1;color:#fff;text-decoration:none}
.pm-error-home:hover{background:#0079c1;color:#fff}
.pm-error-home:focus-visible{outline:3px solid #243449;outline-offset:4px}


/* ==========================================================================
   24. HAREKET TERCİHİ
   `!important` erişilebilirlik gereğidir: kullanıcı işletim sisteminde
   hareketi azalttığında hiçbir animasyon bunu geçersiz kılmamalı.
   ========================================================================== */
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
 .pm-history-track{transition:none}
}
