@layer components {
  .product-price__compare {
    text-decoration: line-through;
    opacity: 0.75;
    color: var(--color-foreground-secondary);
  }

  .product-price__current {
    font-weight: var(--product-card-price-font-weight, 600);
    margin-inline-start: 0.5rem;
  }

  .product-price__amount--min + .product-price__amount--max::before {
    content: '\2013';
    margin-inline: 0.35rem;
  }
}