{% if products %}
	{% for product in products %}
		<div class="ftr-grid__card ftr-product-card">
			{% if product.in_wishlist is defined %}
				<i class="material-icons ftr-wishlist-icon ftr-text--grey {{ (product.in_wishlist) ? 'in' : '' }}" data-product-id="{{ product.product_id }}">{{ (product.in_wishlist) ? '&#xE87D;' : '&#xE87E;' }}</i>
				<!-- favorite border -->
			{% endif %}
			<a href="{{ product.href }}" class="ftr-product-card__content ftr-js-ripple-effect">
				<div class="ftr-product-card__image">
					<div class="ftr-image-load" style="padding-bottom: {{aspect_ratio}};">
						<img class="ftr-image-load__image ftr-js-image-load__image" src="assets/img/loading-black.svg" alt="Imagem do produto" data-src="{{ product.thumb }}">
					</div>
				</div>
				<div class="ftr-product-card__info">
					<div class="ftr-product-card__name">
						<span class="ftr-text--dark">{{ product.name }}</span>
						{% if wg24_futura_prod_exibe_selo and product.valida_selo %}
							<span class="ftr-seal-new ftr-background--primary ftr-in-space--h-xs">{{ novo_selo }}</span>
						{% endif %}
					</div>

					{% if product.pontos and not product.aviseme %}
						<div class="ftr-product-card__price">
							{{ product.pontos }}
							pontos
						</div>
					{% endif %}
				</div>
				<button class="ftr-js-quantity-wholesale__button-add ftr-quantity-wholesale__button ftr-btn ftr-h-full ftr-out-space--t-s ftr-background--primary" type="button" data-fidelity="1" data-product-id="{{ product.product_id }}" data-layout-id="{{ fidelity_id_layout.layout_id }}" data-fator-multiplicador="1">{{ button_points }}</button>
				<span class="ftr-quantity-wholesale__notification ftr-js-quantity-wholesale__notification {{ product.notification_value ? 'ftr-quantity-wholesale__notification--have-in-cart' : '' }}"></span>

			</a>
		</div>
	{% endfor %}
{% endif %}
