product-card {
  --background: transparent;
  --border: none;
  --image-padding: var(--product-card-image-padding);
  --info-padding: 20px;
  --info-border: var(--color-black);
  --badge-padding: 3px;
  --badge-font-size: 10px;
  --badge-letter-spacing: 0.02em;
}

@media (min-width: 768px) {
  product-card {
    --background: transparent;
    --border: none;
    --image-padding: var(--product-card-image-padding);
    --info-padding: 20px;
    --badge-padding: 7px 10px;
    --badge-font-size: 14px;
    --badge-letter-spacing: 0.04em;
  }
}