/* Product wrappers render their PC content directly in the page DOM. */
.desktop-product-content {
  display: none;
  width: 100%;
  min-height: 60vh;
  background: #fff;
}

.desktop-product-content[aria-busy="true"] {
  min-height: 60vh;
}

@media (min-width: 540px) {
  body.has-desktop-product {
    margin: 0;
    overflow-x: hidden;
    background: #fff;
  }

  body.has-desktop-product > .desktop-product-content {
    display: block;
  }

  body.has-desktop-product > .mobile-page {
    display: none !important;
  }
}

@media (max-width: 539px) {
  body.has-desktop-product > .desktop-product-header,
  body.has-desktop-product > .desktop-product-footer {
    display: none !important;
  }

  body.has-desktop-product > .desktop-product-content {
    display: none !important;
  }
}

/* Keep asynchronously injected product markup hidden until its scoped styles load. */
.desktop-product-content[aria-busy="true"] { visibility: hidden; }