@let i = item();
<div class="grid grid-cols-[auto,1fr] gap-6 items-start">
  <div>
    <img
      sharedProductRouterLink
      sharedProductImage
      [ean]="i.ean"
      [alt]="i.name"
      class="checkout-product-info__image max-w-14 max-h-[5.125rem] object-contain"
      data-what="product-image"
    />
  </div>

  <div class="flex flex-1 flex-col gap-1">
    <div class="isa-text-body-2-bold" data-what="product-contributors">
      {{ i.contributors }}
    </div>
    <div [class]="nameSizeClass()" data-what="product-name">
      {{ i.name }}
    </div>
    <ng-content />
  </div>
</div>
