@media (max-width: 577px) {
  .h1 {
    font-size: calc(var(--text-h1)* 0.8);
  }
}
/* product card text */
.product-card .product-title {
  font-size:12px;
  font-family:var(--heading-font-family)!important;
  font-weight:400;
}