/* Load last (footer.php) — wins over page CSS / designer uploads. Do not remove. */

@media (max-width: 991.98px) {
  html:not(.ua-portal-body),
  html:not(.ua-portal-body) body {
    overflow-x: hidden !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
  }

  html:not(.ua-portal-body) .ua-homepage .ua-buy-wide-art,
  html:not(.ua-portal-body) .ua-homepage .ua-bp,
  html:not(.ua-portal-body) .ua-homepage .ua-home-wrap,
  html:not(.ua-portal-body) .ua-homepage .ua-home,
  html:not(.ua-portal-body) .ua-mkt,
  html:not(.ua-portal-body) .ua-om,
  html:not(.ua-portal-body) .ua-ia,
  html:not(.ua-portal-body) .ua-pds {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    left: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html:not(.ua-portal-body) .ua-mkt {
    overflow-x: hidden !important;
  }

  html:not(.ua-portal-body) body.ua-public-site .ua-homepage .ua-home-wrap,
  html:not(.ua-portal-body) body.ua-public-site .ua-homepage .ua-home-hero-grid,
  html:not(.ua-portal-body) body.ua-public-site .ua-homepage .ua-bp,
  html:not(.ua-portal-body) body.ua-public-site .ua-homepage .ua-spine,
  html:not(.ua-portal-body) body.ua-public-site .ua-om .container,
  html:not(.ua-portal-body) body.ua-public-site .ua-ia .container,
  html:not(.ua-portal-body) body.ua-public-site .ua-mkt .ua-wrap,
  html:not(.ua-portal-body) body.ua-public-site .ua-mkt .container,
  html:not(.ua-portal-body) body.ua-public-site .ua-pds .container,
  html:not(.ua-portal-body) body.ua-public-site .ua-hero-content,
  html:not(.ua-portal-body) body.ua-public-site .ua-photo-hero > .container,
  html:not(.ua-portal-body) body.ua-public-site > footer .container,
  html.ua-lbl-browse .ua-lbl-app,
  html.ua-lbl-detail .ua-ld-page,
  html.ua-lbl-detail .ua-ld-container {
    padding-left: var(--ua-public-inline-gutter-left, max(20px, env(safe-area-inset-left, 0px))) !important;
    padding-right: var(--ua-public-inline-gutter-right, max(20px, env(safe-area-inset-right, 0px))) !important;
    box-sizing: border-box !important;
  }

  html:not(.ua-portal-body) .container,
  html:not(.ua-portal-body) .container-fluid,
  html:not(.ua-portal-body) .row {
    max-width: 100% !important;
  }

  html:not(.ua-portal-body) .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html:not(.ua-portal-body) body.ua-public-site .ua-homepage .ua-home-hero-grid > div {
    padding-inline: 2px;
    box-sizing: border-box;
  }

  /*
   * Homepage hero must clear the fixed header (utility strip + bar on small screens).
   * Do not hardcode px here — --ua-header-h is maintained in ua-site-header.css.
   * Loads last so this wins over index.php inline #ua-home-hero-patch padding.
   */
  html:not(.ua-portal-body) body.ua-public-site.ua-homepage .ua-home-hero-grid,
  html:not(.ua-portal-body) body.ua-public-site.ua-homepage .ua-home-wrap.ua-home-hero-grid {
    padding-top: calc(
      var(--ua-header-h, 131px)
      + env(safe-area-inset-top, 0px)
      + var(--ua-public-content-gap, 16px)
      + 14px
    ) !important;
  }
}