{block name='product_features'}
  {if $product.grouped_features}
    <div class='w-full flex items-center flex-col gap-3'>
      <h1 class='text-lg font-bold text-gray-600'>
        Description
      </h1>
      <ul class="product-features list-[square] w-full flex flex-col gap-1 justify-center">
        {foreach from=$product.grouped_features item=feature}
        <div class="flex gap-2">
          <li class="w-44 shrink-0">
            <span class="name font-semibold">{$feature.name}</span>
          </li>
          <span class="value">{$feature.value|escape:'htmlall'|nl2br nofilter}</span>
        </div>
        {/foreach}
      </ul>
    </div>
  {/if}
{/block}
