<div class="col-lg-12">
    <div class="ltn__product-item">
        <div class="product-img">
            <a href="/product/detail/{{product.id}}">
                <img src="img/product/2.png" alt="#">
            </a>
            <div class="product-badge">
                <ul>
                    <li class="badge-1">Hot</li>
                </ul>
            </div>
        </div>
        <div class="product-info">
            <h2 class="product-title"><a href="product-details.html">Red Rose
                    Bouquet</a></h2>
            <div class="product-price">
                <span>$16</span>
            </div>
            <div class="product-ratting">
                <ul>
                    <li><a href="#"><i class="icon-star"></i></a>
                    </li>
                    <li><a href="#"><i class="icon-star"></i></a>
                    </li>
                    <li><a href="#"><i class="icon-star"></i></a>
                    </li>
                    <li><a href="#"><i class="icon-star"></i></a>
                    </li>
                    <li><a href="#"><i class="icon-star"></i></a>
                    </li>
                </ul>
            </div>
            <div class="product-brief">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                    Recusandae asperiores sit odit nesciunt, aliquid, deleniti
                    non et ut dolorem!</p>
            </div>
            <div class="product-hover-action product-hover-action-2">
                <ul>
                    <li>
                        <a href="#" title="Quick View" data-bs-toggle="modal"
                            data-bs-target="#quick_view_modal">
                            <i class="icon-magnifier"></i>
                        </a>
                    </li>
                    <li class="add-to-cart">
                        <a href="#" title="Add to Cart" data-bs-toggle="modal"
                            data-bs-target="#add_to_cart_modal">
                            <span class="cart-text d-none d-xl-block">Add to
                                Cart</span>
                            <span class="d-block d-xl-none"><i class="icon-handbag"></i></span>
                        </a>
                    </li>
                    <li>
                        <a href="#" title="Quick View" data-bs-toggle="modal"
                            data-bs-target="#quick_view_modal">
                            <i class="icon-shuffle"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
