/* Master Palm Store App Patch 456
   Homepage Featured Products alignment correction.
   Keep the intended desktop structure aligned with the four block row above:
   first three tracks = Featured Products, fourth track = Volume Pricing.
   Do not use a fluid/full-width layout for this row. */

@media (min-width: 1201px) {
  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout {
    width: var(--mp-container) !important;
    max-width: var(--mp-container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) 290px !important;
    gap: 5px !important;
    align-items: stretch !important;
  }

  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child {
    grid-column: 1 / span 3 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card {
    grid-column: 4 / 5 !important;
    width: 100% !important;
    max-width: 290px !important;
    min-width: 0 !important;
    margin: 0 !important;
    align-self: stretch !important;
  }

  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid > .mpb2b-product-card,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid > .mpb2b-product-card,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid > .mpb2b-product-card,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid > .mpb2b-product-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout {
    width: var(--mp-container) !important;
    max-width: var(--mp-container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
  }

  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > div:first-child .mpb2b-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 991.98px) {
  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout {
    width: var(--mp-container) !important;
    max-width: var(--mp-container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  body.site-masterpalm #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.masterpalm-theme #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.masterpalm-store-dark #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card,
  body.mp-b2b-store #site-main .mpb2b-home-products > .mpb2b-container.mpb2b-home-layout > .mpb2b-volume-card {
    margin-top: 24px !important;
  }
}