/**
 * Mobil viewport kilidi — DevTools / dar ekranda yatay kayma ve sağa itilmiş içerik.
 * pwa-mob-active sınıfına bağlı değil; yalnızca media query ile çalışır.
 */
@media (max-width: 1023px) {
  html {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative !important;
    left: 0 !important;
    box-sizing: border-box !important;
  }

  #bg-site-root,
  #admin-panel,
  main,
  #main-content,
  #content,
  header,
  footer,
  section,
  aside,
  article {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Masaüstü grid/flex sızıntısı */
  #main-content {
    display: block !important;
    grid-template-columns: none !important;
  }

  main.flex,
  #content.flex,
  .lg\:flex-row {
    flex-direction: column !important;
  }

  /* 100vw taşması */
  [class*="100vw"],
  [style*="100vw"] {
    max-width: 100% !important;
  }
}