{% if not mobile and relateds is not empty %}

<section class="bg-[#f0f0f0] -mx-4 p-4">
{#     <span class="uppercase text-primary text-xl font-semibold block">Ti potrebbe interessare:</span> #}
    <div class="grid grid-cols-2 lg:grid-cols-4 lg:gap-0 my-4">

        {% for card in relateds|slice(4, 4) %}
            <div class="inline-block align-top">
                {% include 'templates/components/cards/card-square.twig' %}
            </div>
        {% endfor %}

    </div>
 
</section>

{% endif %}

