/**
 * PDP mobile: stock / ATC errors must wrap inside the viewport.
 * Loaded with an explicit ?v= query so it is not stuck behind cached custom.css.
 */
@media (max-width: 767px) {
  body#product #notifications,
  body#product #notifications .notifications-container,
  body#product #notifications .alert,
  body#product #notifications li,
  body#product .alert,
  body#product .ajax-error,
  body#product .af-pdp-atc__error,
  body#product .af-pdp-price__stock,
  body#product .af-pdp-price__avail-text {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body#product .af-pdp-price__availability,
  body#product .js-product-availability {
    align-items: flex-start !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  body#product .af-pdp-price__dot {
    flex: 0 0 auto !important;
    margin-top: 6px !important;
  }

  body#product .af-pdp-price__avail-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
}