/* Arena Teney — Shop S1 runtime foundation 0218s14r03
 * Owns only the mobile storefront structure formerly supplied by S0.3.
 * Canonical ui007 remains the data/filter/purchase owner; F3 owns the detail modal.
 * No legacy preview/backdrop/scroll, HUD, shared dock or X-lock ownership lives here.
 */

@media (max-width: 960px) {
  html.shop-s1-rework #screen-shop > article.card:first-child {
    display: none !important;
  }

  html.shop-s1-rework #screen-shop .ui007-shop {
    display: flex !important;
    flex-direction: column;
    margin-top: 0;
  }

  html.shop-s1-rework #screen-shop .ui007-shop-nav,
  html.shop-s1-rework #screen-shop .ui007-shop-main {
    position: static !important;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
  }

  html.shop-s1-rework #screen-shop .ui007-shop-nav > .ui007-panel-kicker,
  html.shop-s1-rework #screen-shop .ui007-shop-nav > h3,
  html.shop-s1-rework #screen-shop .ui007-shop-nav > p {
    display: none !important;
  }

  html.shop-s1-rework #s03-shop-mobile-hero .s03-mobile-actions {
    display: grid;
  }

  html.shop-s1-rework #screen-shop .ui007-toolbar {
    display: none !important;
    grid-template-columns: 1fr !important;
  }

  html.shop-s1-rework #screen-shop .ui007-shop.s03-filters-open .ui007-toolbar {
    display: grid !important;
  }

  html.shop-s1-rework #screen-shop .ui007-toolbar .ui007-search {
    grid-column: auto !important;
  }

  html.shop-s1-rework #screen-shop .ui007-items {
    grid-template-columns: 1fr !important;
  }

  /* F3 mirrors this canonical markup into its own body-level modal. */
  html.shop-s1-rework #screen-shop .ui007-preview {
    display: none !important;
  }
}