/* final.css — gorsel QA matrisi duzeltmeleri (en son yuklenir; diger CSS'lere dokunulmaz) */

/* 1) Tablet (761-1024): ust menu linkleri 17px yuksekti -> 44px dokunma hedefi (gorunum ayni, yalniz dikey dolgu) */
@media (min-width:761px) and (max-width:1024px){
  .nav nav a{padding:13px 4px}
  .nav nav{gap:clamp(12px,2vw,24px)}
}

/* 2) Opak olmayan menu cubugu: kaydirinca alttaki metin (ornegin "...ORT", telefon no) logonun/linklerin arkasindan seziliyordu */
.nav.is-solid{background:rgba(5,7,10,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* 3) Telefon yatay / kisa ekran (844x390): "SCROLL" ipucu "Request a call back" butonunun ustune biniyordu */
@media (max-height:520px){
  .hint{display:none}
}

/* 4) Telefon yatay: surec sahnesi 100svh'e sigmiyordu (icerik 609px > 390px, ust kisim menunun altinda kaliyordu)
      -> iki sutun geri gelir, dolgular/yazilar kuculur */
@media (max-height:520px) and (orientation:landscape){
  .proc__stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;align-content:normal;align-items:center;
    padding:64px max(20px,env(safe-area-inset-right)) 28px max(20px,env(safe-area-inset-left));gap:24px}
  .proc__steps{order:0;min-height:0;height:230px}
  .proc__viz{order:0;max-height:calc(100svh - 110px)}
  .pstep h2{font-size:clamp(24px,4.4vw,34px)}
  .pstep p{font-size:14px;line-height:1.5;margin-top:10px}
  .pstep span{margin-bottom:8px}
  .proc__dots{bottom:14px;left:max(20px,env(safe-area-inset-left))}
}