/* v15 - mobile product card readability fix */
.product-card > h3,
.product-card > p,
.product-card > .price-row,
.product-card > .product-icon {
  position: relative;
  z-index: 2;
}
.product-card .micro-ui {
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 720px) {
  .product-card .micro-ui {
    display: none !important;
  }
  .product-card h3 {
    max-width: 100% !important;
    padding-right: 0 !important;
    overflow: visible !important;
    text-wrap: balance;
  }
  .product-card p,
  .product-card .price-row {
    max-width: 100% !important;
  }
}