{% if exibeModule %}
	<section>
    <hr class="vertical-margin-medium">
		<div class="product-title bottom-margin-small">
			<h3 class="heading-3">{{ heading_title }}</h3>
		</div>
		<div class="row stretch-xs">
			{% for product in products %}
				<div class="col-xs-12 col-md-6">
					<div class="border-gray padding-large flex nowrap-xs">
            <picture>
              <source class="load-image" srcset="" data-src="{{ product.thumb_mini.webp }}">
              <img class="load-image" src="" data-src="{{ product.thumb_mini.jpg }}" alt="{{ product.name }}">
            </picture>

            <div class="left-padding-large">
              <p class="text-dark text-bold bottom-margin-small">{{ product.name }}</p>
              <button type="button" class="btn-default btn-medium btn-cart js-btn-cart js-add-kit" data-product-id="{{ product.product_id }}">
                <i class="fas fa-shopping-cart"></i>
                <span>{{button_cart}}</span>
              </button>
            </div>
					</div>
				</div>
			{% endfor %}
		</div>
	</section>
{% endif %}
