/* STORE APP Patch 572 — /products and homepage-section catalog phone layout.
   Scoped to the shopping catalog so product detail, homepage and desktop stay unchanged. */
@media (max-width: 767.98px) {
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-page,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-page *,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-page *::before,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-page *::after {
    box-sizing: border-box;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-container,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-head,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-layout,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-head h1,
  body.mp-b2b-store-catalog #site-main .mpb2b-product-body strong {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-search,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-search input {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-product-grid,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-product-grid-catalog {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-product-card {
    display: flex !important;
    flex-direction: column !important;
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-product-media {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 210px !important;
    aspect-ratio: 4 / 3 !important;
    background-color: #fff !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-product-body {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 16px !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-price,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-cordless-note {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-card-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 10px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-card-actions.mpb2b-price-hidden-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-card-actions > a,
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-card-actions button {
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    touch-action: manipulation;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-card-actions form {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-catalog-results .mpb2b-quote-check {
    flex-wrap: wrap !important;
    min-height: 44px !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
  body.mp-b2b-store-catalog #site-main .mpb2b-results-bar,
  body.mp-b2b-store-catalog #site-main .mpb2b-pagination {
    flex-wrap: wrap !important;
    gap: 9px !important;
  }
}