/**
 * FAZ 2 — Native app UX (≤1024px): taşma, okuma, kategori, alt menü
 */

@media (max-width: 1024px) {
  html,
  body,
  body.kh-layout-elite,
  body.kh-v45,
  body.kh-has-bottom-nav {
    overflow-x: hidden;
    max-width: 100vw;
  }

  .site,
  .site.grid-container,
  .site-content,
  .content-area,
  .site-main,
  .kh-layout-shell,
  .kh-layout-shell__main,
  .kh-v3-main,
  .kh-home,
  .kh-archive-platform,
  .kh-shell--v4 {
    overflow-x: hidden;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* layout-v3 dar okuma genişliğini mobilde geçersiz kıl */
  body.kh-layout-article .kh-article__reading,
  body.kh-layout-article .entry-content,
  body.kh-single-elite .kh-article__reading--elite,
  body.kh-single-elite .entry-content,
  body.kh-single-elite .kh-v3-article .entry-content,
  body.kh-single-elite .kh-layout-shell__main .entry-content,
  body.kh-single-elite .kh-layout-shell__main .kh-article__reading--elite {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto;
  }

  body.kh-single-elite .kh-layout-shell__main p,
  body.kh-single-elite .kh-layout-shell__main li,
  body.kh-single-elite .kh-layout-shell__main blockquote {
    max-width: 100% !important;
  }

  /* Kategori vitrin — tam genişlik, yatay kayma yok */
  body.kh-category-platform .kh-archive-platform,
  body.kh-category-platform .kh-archive-section,
  body.kh-category-platform .kh-vitrin-grid,
  body.kh-category-platform .kh-archive-grid--cards {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.kh-category-platform .kh-archive-grid--slider,
  body.kh-category-platform .kh-archive-scroll-wrap {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  body.kh-category-platform .kh-archive-section__panel {
    padding: 16px;
    border-radius: 16px;
  }

  body.kh-category-platform .kh-archive-hero__content {
    padding: 20px 16px;
  }

  /* Alt menü — spec z-index 9999 */
  .kh-bottom-nav {
    z-index: 9999;
  }

  body.kh-has-bottom-nav .kh-archive-platform,
  body.kh-has-bottom-nav .kh-home {
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  }
}