<div class="ecp-list-item" role="listitem">
  <div class="ecp-grid">
    <div class="ecp-grid-row ecp-clearfix">
      <span class="ecp-grid-col-12"><h4>{message:product_name}</h4></span>
    </div>
    <div class="ecp-grid-row ecp-clearfix">
      <span class="ecp-grid-col-1">&nbsp;</span>
      <span class="ecp-grid-col-3">{message:OrderDetail/PriceLabel}</span>
      <span class="ecp-grid-col-8">
        <span data-ecp-handle="discounted">
          <span class="ecp-price-discounted" aria-label="{message:OrderDetail/DiscountPriceLabel}">{currency:discount_price}</span><span class="ecp-price-regular" aria-label="{message:OrderDetail/RegularPriceLabel}">{currency:regular_price}</span>
        </span>
        <span data-ecp-handle="not_discounted">
          <span class="ecp-price">{currency:regular_price}</span>
        </span>
      </span>
    </div>
    <div class="ecp-grid-row ecp-clearfix">
      <span class="ecp-grid-col-1">&nbsp;</span>
      <span class="ecp-grid-col-3">{message:OrderDetail/QuantityLabel}</span>
      <span class="ecp-grid-col-2">{message:quantity}</span>
      <span class="ecp-grid-col-6 ecp-text-right">{currency:total}</span>
    </div>
    <div class="ecp-grid-row ecp-clearfix" data-ecp-handle="crv_deposit">
      <span class="ecp-grid-col-1">&nbsp;</span>
      <span class="ecp-grid-col-5">{message:crv_label}</span>
      <span class="ecp-grid-col-6 ecp-text-right">{currency:crv_amount}</span>
    </div>
    <div data-ecp-handle="virtual_giftcard_info" role="region">
      <p class="ecp-appendage ecp-margin-bottom-0"><i>
        <span data-ecp-handle="virtual_giftcard_label">{message:OrderDetail/VirtualGiftCardRecipientLabel}</span>
        <span data-ecp-handle="virtual_giftcards_label">{message:OrderDetail/VirtualGiftCardRecipientsLabel}</span>
      </i></p>
      <div class="ecp-x-list" data-ecp-handle="virtual_giftcard_recipients" role="list">
        <!-- | OrderDetail__Product__VirtualGiftCardRecipient template | -->
      </div>
    </div>
  </div>
</div>