<div class="<?= $class ?>">
    <div class="product iproduct clearfix padding-10 bg-white rounded center" style="height: 100%">
        <div class="product-image rounded">

            <?php if($product->promotional_price > 0):?>
                <div class="price-label">
                    <span><?= discountPercent($product->promotional_price, $product->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, 380, 350);?>" alt="<?= $product->title?>"></a>
        </div>
        <div class="product-desc">
            <div class="product-title mb-1">
                <span class="small gray-text"><?= $product->category_title ?></span>
                <h3><a class="theme-text font-weight-bolder" style="font-size: 1.3em" href="<?= url("/produto/{$product->uri}")?>"><?= $product->title?></a></h3></div>
            <?php if($product->first_variation_item != "no-variations"):?>
            <div class="product-price font-primary">
                <?=$product->subtitle ?>
                <br><span class="small">a partir de</span><br>
                <?php if($product->promotional_price > 0):?>
                    <del class="mr-1 small">R$ <?= preco_real($product->price) ?></del> <br><ins class=" font-medium"  style="font-size: 1.3em !important;">R$ <?= preco_real($product->promotional_price) ?></ins>
<!--                    <del class="mr-1 small">R$ --><?//= preco_real($product->price * ($product->type == 1 ? 6.25 : 1)) ?><!--</del> <br><ins class=" font-medium"  style="font-size: 1.3em !important;">R$ --><?//= preco_real($product->promotional_price * ($product->type == 1 ? 6.25 : 1)) ?><!--</ins>-->
                <?php else: ?>
                    <ins class="font-medium" style="font-size: 1.3em !important;">R$ <?= preco_real($product->price) ?></ins>
<!--                    <ins class="font-medium" style="font-size: 1.3em !important;">R$ --><?//= preco_real($product->price * ($product->type == 1 ? 6.25 : 1)) ?><!--</ins>-->
                <?php endif; ?>
                <br><span class="small">o metro linear</span>
<!--                <br><span class="small">rolo de --><?//= str_replace("_", ",", $product->first_variation_item)?><!-- X 6,25m</span>-->
            </div>
            <?php else:?>

            <div class="product-price font-primary">
                <?=$product->subtitle ?><br>
                <?php if($product->promotional_price > 0):?>
                    <del class="mr-1 small">R$ <?= preco_real($product->price) ?></del> <br><ins class=" font-medium" style="font-size: 1.3em !important;">R$ <?= preco_real($product->promotional_price) ?></ins>
<!--                    <del class="mr-1 small">R$ --><?//= preco_real($product->price * ($product->type == 1 ? 6.25 : 1)) ?><!--</del> <br><ins class=" font-medium" style="font-size: 1.3em !important;">R$ --><?//= preco_real($product->promotional_price * ($product->type == 1 ? 6.25 : 1)) ?><!--</ins>-->
                <?php else: ?>
                    <ins class="font-medium"  style="font-size: 1.3em !important;">R$ <?= preco_real($product->price) ?></ins>
<!--                    <ins class="font-medium"  style="font-size: 1.3em !important;">R$ --><?//= preco_real($product->price * ($product->type == 1 ? 6.25 : 1)) ?><!--</ins>-->
                <?php endif; ?>
            </div>
            <?php endif;?>

        </div>
        <div class="clear topmargin-sm"></div>
        <div style="width: 100%; position:absolute; left:0px;bottom: 10px; margin-top: 210px !important;" class="clearfix">
            <a href="<?= url("/produto/{$product->uri}")?>" class="button button-rounded button-border button-border-thin button-small" style="min-width: 80%"> Mais Detalhes <i class="fal fa-chevron-double-right"></i></a>
        </div>
    </div>
</div>