/* Order artwork owns its full grid row; no illustration can overlap the copy. */
.customer-order-card .customer-order-visual,
.checkout-receipt .customer-order-card .customer-order-visual {
  height: auto;
  min-height: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px 8px;
  overflow: hidden;
  isolation: isolate;
}
.customer-order-card .customer-order-visual > svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: 440px;
  flex: none;
  overflow: hidden;
}
.customer-order-card .customer-order-visual > img {
  width: 100%;
  height: auto;
  max-width: 360px;
}
.customer-order-card .customer-order-visual > span { display: none; }
.customer-order-card .customer-order-copy {
  position: relative;
  min-width: 0;
  z-index: 1;
}
.customer-order-copy > small:first-child { overflow-wrap: anywhere; }
.customer-order-copy .customer-sync[hidden] { display: none; }
.customer-order-copy .customer-order-amounts { line-height: 1.65; }
@media(max-width:580px) {
  .customer-order-card,
  .checkout-receipt .customer-order-card {
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto auto;
  }
  .customer-order-card .customer-order-visual { padding: 14px 14px 0; }
  .customer-order-card .customer-order-copy { padding: 18px 22px 24px; }
  .customer-order-card .customer-order-copy h3 { margin-top: .5rem; line-height: 1.15; }
  .customer-order-actions button { min-height: 44px; font-size: .875rem; padding: .65rem .8rem; }
}