/* Read the market original price from the product API, alongside the selling price. */
.storefront-price-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}

.storefront-current-price {
  white-space: nowrap;
}

.storefront-original-price {
  color: #757575;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}

.storefront-original-price[hidden] {
  display: none;
}

/* A price range needs its own room before the controls are placed on the row. */
.product-card {
  min-width: 0;
}

.product-card .product-bottom,
.product-card .price-and-action {
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 8px;
}

.product-card .storefront-price-stack {
  flex: 0 1 auto;
  max-width: 100%;
}

.product-card .storefront-current-price,
.product-card .storefront-price-stack > .price,
.product-card .storefront-original-price {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.product-card .action-btns {
  flex: 0 0 auto;
  margin-left: auto;
}

.pdp-price-box {
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 4px;
}

.pdp-current-price {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}

.pdp-price-box .storefront-original-price {
  font-size: 0.95rem;
}