/* Keep the product purchase controls on separate rows on narrow screens. */
@media (max-width: 575.98px) {
  html body#product .product-add-to-cart {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 10px !important;
    align-items: start !important;
  }

  html body#product .product-add-to-cart > .product-quantity {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 130px !important;
    margin: 0 !important;
  }

  html body#product .product-add-to-cart > .quantity_availability {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body#product .product-add-to-cart > .product-availability-wrap {
    grid-column: 1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin: 0 !important;
  }
}