<div class="product clearfix">
    <div class="product-image">
        <?php if($product->variations()->promotional_price > 0):?>
            <div class="price-label">
                <span><?= discountPercent($product->variations()->promotional_price, $product->variations()->price)?><b class="small">%</b> <br><b class="small" style="font-size: 0.5em !important;">desconto</b></span>
            </div>

        <?php endif; ?>
        <a href="<?= url("/produto/{$product->uri}")?>"><img src="<?= image($product->cover, 400, 430);?>" alt="<?= $product->title?>"></a>

<!--        <div class="sale-flash">50% Off*</div>-->
        <div class="product-overlay">
            <a href="<?= url("/produto/{$product->uri}")?>" class="add-to-cart"><i class="icon-shopping-cart"></i><span> Comprar</span></a>
            <a href="<?= url("/produto/{$product->uri}")?>" class="item-quick-view" data-lightbox="ajax"><i class="icon-line-search"></i><span>Saiba Mais</span></a>
        </div>
    </div>
    <div class="product-desc center">
        <div class="product-title"><h3><a href="<?= url("/produto/{$product->uri}")?>"><?= $product->title?></a></h3></div>
        <div class="product-price">
            <?php if($product->variations()->promotional_price > 0):?>
                <del>R$ <?= preco_real($product->variations()->price) ?></del> <ins style="font-size: 1.2em">R$ <?= preco_real($product->variations()->promotional_price) ?></ins>
            <?php else: ?>
                <ins style="font-size: 1.2em">R$ <?= preco_real($product->variations()->price) ?></ins>
            <?php endif; ?></div>
        <div class="product-rating">
            <i class="icon-star3"></i>
            <i class="icon-star3"></i>
            <i class="icon-star3"></i>
            <i class="icon-star3"></i>
            <i class="icon-star3"></i>
        </div>
    </div>
</div>