<div class="text-left my-4">
    <span class="text-primary uppercase text-left text-sm font-semibold block border-b border-primary pb-2">{{ feature.titolo }}</span>
</div>

<ul class="divide-y divide-slate-200 data_{{feature.titolo|lower|replace({' ': '_'})}}">

    {% for spec in feature.features %}

    <li class="w-full flex items-center justify-between py-2 text-sm whitespace-normal">
        <div class="spec-title block max-w-20 text-xs text-left">{{ spec.titolo|raw }}</div>
        <div class="spec-data block text-xs text-right font-semibold">
        {% if not item.prices.best_price.is_domination %} 
            <a class="{{ spec.value != '-' ? 'underline' : '' }}" href="{{ spec.url }}" target="_blank" rel="nofollow">
                {{ spec.value|raw }}
            </a>
        {% endif %}
        </div>
    </li>
    {% endfor %}
    
</ul>