{% from 'utils.html.twig' import ico %}
{% if section.items|length > 0 %}
<section id="sec-content-{{ section.name }}" class="pag-sec slider-destaques">
<div id="container-{{ section.name }}" class="product-section-container" data-status="hide">
<div class="lateral-products">
<div class="related-contain">
<header class="tit-sec tx-centro">
<h2>{{ section.title }}</h2>
<span class="sub">{{ section.subtitle }}</span>
</header>
<div class="related-slider">
<div class="js--slider" id="slider-{{ section.name }}" data-slider-options-label="slider-product-related">
{% for item in section.items %}
{% include 'website/product/product-item-box-default.html.twig' %}
{% endfor %}
</div>
<div id="arrows-slider-{{ section.name }}" class="tns-arrows">
<button class="slider-seta slider-seta-prev">{{ ico('arrow-left') }}</button>
<button class="slider-seta slider-seta-next">{{ ico('arrow-right') }}</button>
</div>
</div>
</div>{# -/ .related-contain #}
</div>{# -/ .lateral-products #}
</div>{# -/ .container #}
</section>
{% endif %}