<style>
    #slider_intext_relateds {
        max-width: 668px;;
    }
    .swiper-slide {
        width: 100%;
        max-width: 668px;
        display: block !important;
        text-align: left;
    }
</style>


{% if mobile %}
{% set card_component = 'card-related' %}
{% else %}
{% set card_component = 'card-intext-related' %}

<link rel="stylesheet"href="{{styles_dir}}/lib/swiper-bundle.min.css"/>
<script src="{{scripts_dir}}/swiper-bundle.min.js"></script>
{% endif %}


<section class="mb-4">
    {% include "templates/components/common/carousel.twig" with {
        'slider_id'      : 'intext_relateds',
        'loop'           : section.content,
        'slides_per_view': 2,
        'pagination'     : false,
        'showmore'       : false,
        'component'      : card_component
    } %}
</section>