.card__product {
  border: 1px solid var(--color-brand-red);
  border-radius: var(--border-radius-sm);
  background-color: var(--color-ui-white);

  .e-loop-item:has(&) {
    padding-inline: 0;
  }

  &:hover {
    .elementor-heading-title {
      color: var(--color-brand-red);
      text-decoration: underline;
    }

    .card__product--hover-border {
      border-color: var(--color-brand-red);
    }
  }

  .card__product--hover-border {
    border: 1px solid transparent;
  }
}