<section class="product-specifications card section">
  <h3>{{ 'itemDetail.specifications' | translate }}</h3>

  @if (groups.length > 0) {
    @for (group of groups; track group.key) {
      <section class="spec-group">
        <h4>{{ group.label | translate }}</h4>
        <dl>
          @for (field of group.fields; track field.key) {
            <div>
              <dt>{{ field.label | translate }}</dt>
              <dd>{{ field.value }}</dd>
            </div>
          }
        </dl>
      </section>
    }
  } @else {
    <p>{{ 'productDetails.specificationsEmpty' | translate }}</p>
  }
</section>
