/* Let the storefront use the available desktop width while retaining gutters. */
@media (min-width: 992px) {
  #header .container-md,
  #wrapper > .container,
  #wrapper > .breadcrumb__wrapper > .container,
  #footer > .footer__main > .container {
    width: 100%;
    max-width: none;
    padding-right: 24px;
    padding-left: 24px;
  }

  /* Center the information below both product columns with equal side space. */
  .page-product .product__information-column {
    width: calc(100% - 96px);
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
  }
}