<div class="<?= $class ?> " >
    <div class="product iproduct clearfix rounded center " style="height: 100%; z-index: 100; padding: 1px;">
        <div class="bg-white rounded" style="height: 100%">
            <div class="product-image rounded">
                <?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/{$url}/{$product->uri}")?>"><img src="<?= image($product->cover, 380, 300);?>" alt="<?= $product->title?>"></a>
            </div>
            <div class="product-desc">
                <div class="product-title mb-1">
                    <span class="small gray-text"><?= $category?></span>
                    <h3 class="text-decoration-none"><a href="<?= url("/produto/{$url}/{$product->uri}")?>" class="theme-text font-weight-bolder" style="font-size: 1.1em"><?= $product->title?></a></h3></div>
                <p><?= str_limit_words($product->subtitle, 30)?></p>

            </div>
            <div class="clear margin-top-50"></div>
            <div style="width: 100%; position:absolute; left:0px;bottom: 30px; margin-top: 210px !important;z-index:10" class="clearfix">
                <a href="<?= url("/produto/{$url}/{$product->uri}")?>" class="button bg-white button-small text-dark hover-in nomargin gradient-border" style="text-shadow: none" >Saiba Mais <i class="fal fa-chevron-double-right"></i> </a>

            </div></div>


    </div>
</div>