/* Arena Teney — Shop S1 r06 root X-lock
 * Shop-only page drift guard. Shared persistent dock/nav is intentionally NOT owned here.
 * Department tabs remain the one intentional horizontal scroller.
 */
@media (max-width: 720px) {
  html.shop-s1-rework {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    box-sizing: border-box !important;
  }

  html.shop-s1-rework body[data-screen="shop"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    box-sizing: border-box !important;
  }

  html.shop-s1-rework body[data-screen="shop"] > .app {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
    box-sizing: border-box !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-shop,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-shop-nav,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-shop-main,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-results,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-items,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-item {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #screen-shop,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-shop,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-shop-main,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-results,
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-items {
    overflow-x: hidden !important;
    overscroll-behavior-x: none;
  }

  /* Department tabs keep their intentional local horizontal scrolling. */
  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-departments {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    touch-action: pan-x;
    box-sizing: border-box !important;
  }

  html.shop-s1-rework body[data-screen="shop"] #ui007-shop .ui007-department {
    flex: 0 0 auto !important;
  }
}

@supports (overflow: clip) {
  @media (max-width: 720px) {
    html.shop-s1-rework,
    html.shop-s1-rework body[data-screen="shop"],
    html.shop-s1-rework body[data-screen="shop"] > .app {
      overflow-x: clip !important;
    }
  }
}