/* Ortak mobil sağlamlık katmanı: tüm sayfalarda küçük ekran taşmalarını önler. */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video{max-width:100%}
main,section,article,.kapsayici,.icerik-izgara>*{min-width:0}
.tablo-kapsayici{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:920px){
  .ust nav{max-height:calc(100dvh - 70px);overflow-y:auto;overscroll-behavior:contain}
  .ust nav a,.menu-acici{min-height:44px;display:flex;align-items:center}
  .alt-menu a{min-height:42px}
}
@media(max-width:600px){
  body{overflow-wrap:anywhere}
  .buton{width:100%;padding-inline:16px;text-align:center}
  .alt-sayfa-hero h1,.metin-sayfasi h2,.icerik-izgara h2{overflow-wrap:anywhere}
  .metin-sayfasi p,.metin-sayfasi li,.icerik-izgara p,.icerik-izgara li{font-size:16px;line-height:1.7}
  .bilgi-kartlari article,.yan-kart,.logo-onizleme{padding:22px}
  .hizmet-ozeti{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .hizmet-ozeti thead,.hizmet-ozeti tbody{min-width:600px}
  footer{padding-bottom:92px}
  .mobil-sabit a{min-height:62px}
}
@media(max-width:360px){
  .kapsayici{width:calc(100% - 22px)}
  .marka{gap:6px}.marka img{width:43px;height:43px}.marka strong{font-size:12px}.marka small{font-size:8px;letter-spacing:1.4px}
  .dil-secici select{padding:8px 7px}
  .yeni-hero .hero-panel h1,.hero h1{font-size:34px;letter-spacing:-1px}
  .hero-panel,.hero-hizli,.iletisim-kutu{padding:22px 18px}
  .bolum-baslik-kutusu{padding:22px 18px}
  .bolum-baslik-kutusu h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}