.block-product-card {
  position: relative;
}

.block-product-card.product-card-style--card {
  background-color: rgb(var(--color-background));
}

.block-product-card.product-card-style--card .block-product-price,
.block-product-card.product-card-style--card .block-product-title {
  padding-inline: 8px;
}

/* Product card polish without changing DOM, data, or product bindings. */
.block-product-card.product-card-style--card {
  border-radius: var(--card-border-radius, 12px);
  transition:
    box-shadow 180ms ease-in-out,
    transform 180ms ease-in-out;
}

@media (hover: hover) and (pointer: fine) {
  .block-product-card.product-card-style--card:hover {
    transform: translateY(-2px);
  }
}