/* Sur Tercüme — mobil düzeltmeler v2 (2026-10-15). Tüm sayfalarda en son yüklenir. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
header{-webkit-backdrop-filter:blur(12px)}
/* Koyu hero üzerindeki çerçeveli buton (telefon) görünmüyordu */
.hero .btn-out{border-color:rgba(255,255,255,.6);color:#fff}
.hero .btn-out:hover{background:#fff;color:var(--navy)}
/* Kapalı mobil menü sayfayı iki kat genişletiyordu: ekran dışına itmek yerine gizle */
/* İki yana yaslı metin — YALNIZCA Arapça (2026-10-04). Satır başı ve sonu hizalı; son satır doğal.
   Kaşide yok: tarayıcılar desteklemiyor, elle eklenen kaşide her ekranda farklı kırılır. */
html[lang="ar"] :is(p,li,dd,blockquote,summary,th,small,.lead,.bi-note,.bi-wrap tbody td,.doc,.nt-warn,.nt-row span,.eyebrow,.topbar .wrap>span,.f-bottom span),
:is(p,li,dd,td,summary,blockquote)[lang="ar"]{text-align:justify!important;text-justify:inter-word;text-align-last:auto}
html[lang="ar"] :is(.center p,p.center,.center .lead,.center li,.center .eyebrow,.form-note,.topbar .wrap>span,.f-bottom span){text-align-last:center}
/* Türkçe: iki yana yaslama yok (dar ekranda kelime arasında büyük boşluk açıyordu) */
html[lang="tr"] :is(p,li,dd,blockquote,summary,.lead,.bi-note,.bi-wrap tbody td,.doc,.nt-warn){text-align:start!important;text-align-last:auto}
html[lang="tr"] :is(.center p,p.center,.center .lead,.center li,.form-note){text-align:center!important}
@media(max-width:1220px){
  .menu{inset-inline-end:0;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  .menu:not(.open){display:none}
  .menu.open{animation:surMenuIn .25s ease}
  .burger{min-width:44px;min-height:44px;align-items:center;justify-content:center}
}
@keyframes surMenuIn{from{opacity:0}to{opacity:1}}
/* Yüzen WhatsApp / telefon butonları */
.fab a{width:56px;height:56px}
.fab .ic{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){
  .fab{bottom:16px;inset-inline-end:14px;gap:10px}
  .fab a{width:52px;height:52px}
  /* Başlık satırı ekrana sığmıyordu: başlıktaki buton mobilde gizli (yüzen WhatsApp butonu var) */
  .nav{gap:8px}
  .nav > .btn,.nav-side > .btn{display:none}
  .nav-side{gap:6px}
  .lang-switch a,.lang-switch span{padding:8px 12px}
  .logo-txt span{font-size:.64rem}
  html{scroll-padding-top:80px}
  /* iPhone'da 16px altı form alanı odaklanınca sayfayı yakınlaştırıyor */
  input,select,textarea{font-size:16px!important}
  /* Parmakla basılabilir bağlantılar */
  footer ul a,.f-grid ul a{display:inline-block;padding:7px 0}
  .topbar a{display:inline-block;padding:8px 0}
  /* Üst şerit 3 satır yer kaplıyordu; hero üstündeki boşluk ilk ekranı yiyordu */
  .topbar{padding:6px 0;line-height:1.5}
  .topbar .wrap{gap:2px 10px}
  .hero{padding-top:40px!important;padding-bottom:52px}
  .wrap.nav{padding-inline:16px}
  body{padding-bottom:4px}
}
/* 320–420px ekranlarda logo alt yazısı başlık satırını taşırıyordu */
@media(max-width:420px){
  .logo-txt span{display:none}
  .logo-txt b{font-size:.95rem}
}
@media(max-width:360px){
  .logo-txt b{font-size:.82rem}
  .lang-switch a,.lang-switch span,.lang-switch button{padding:7px 9px}
  .nav{gap:6px}
  .nav-side{gap:4px}
  .wrap,.wrap.nav{padding-inline:14px}
}
/* AR ana sayfa: hero başlığı ortalı (mobil/tablet, tek sütun düzen) */
@media(max-width:980px){html[lang="ar"] .hero-grid h1{text-align:center;text-wrap:balance}}
/* v2 (2026-10-15): WhatsApp butonu ilk ekrana; footer listeleri yan yana */
@media(max-width:560px){
  .hero .wrap > div:first-child{display:flex;flex-direction:column}
  .hero .wrap > div:first-child > .eyebrow{order:0}
  .hero .wrap > div:first-child > h1{order:0}
  .hero .wrap > div:first-child > .hero-cta{order:1;margin-top:16px}
  .hero .wrap > div:first-child > p{order:2;margin-top:18px}
  .hero .wrap > div:first-child > .hero-tags{order:3}
  .f-grid{gap:22px}
  .f-grid ul{display:flex;flex-wrap:wrap;gap:0 18px}
  .f-grid ul li{margin:0}
}