@if (products.length > 0) {
  <section class="related-products">
    <h2>{{ 'itemDetail.relatedProducts' | translate }}</h2>
    <div class="related-grid">
      @for (product of products; track trackByItemId($index, product)) {
        <app-product-card
          [item]="product"
          [title]="productTitle(product)"
          appearance="compact"
          [addToCartLabel]="'itemDetail.addToCart' | translate"
          (selected)="productSelected.emit(product)"
          (addToCart)="addToCart.emit({ product, event: $event.event })"
        />
      }
    </div>
  </section>
}