{% set img_width  = '100%' %}
{% set img_height = 80 %}


<a  href="/product_{{item.id}}"
    id="product_{{item.id}}"
    class="p-6 pl-0 lg:px-0 lg:py-2 bg-white shadow hover:shadow-lg rounded-lg lg:rounded-none transition-shadow lg:shadow-none lg:hover:shadow-none flex items-center relative group">
    
    {% if item.hardware_score %}
        <div class="absolute top-2 right-2 lg:top-2 lg:right-0 bg-primary text-white rounded-lg px-1  min-w-8 ">
            <div class="text-xs text-center font-semibold">{{item.hardware_score}}</div>
        </div>
    {% endif %}

    <div class="w-28 text-center h-28 max-h-28 flex items-center flex-shrink-0  rounded-lg py-2">
        <img class="block mx-auto object-contain max-h-28 group-hover:opacity-90" width="{{img_width}}" height="{{img_height}}" src="{{item.image}}" alt="{{item.brand|raw}} {{item.model|raw}}">
    </div>
    <div class="pl-2">
        <div id="product_maker_{{item.id}}" class="text-sm text-slate-500 -mb-1">{{item.brand|raw}}</div>
        <div id="product_model_{{item.id}}" class="font-semibold text-base font-condensed">{{item.model|raw}}</div>
        {% if show_features %}
            {% include 'templates/components/prodotti/cards/specs-labels.twig' %}
        {% endif %}
    </div>


</a>




