<div class="product-card-cart mb-4">


    <div class="start">
        <a href="product-details.php" class="d-block">
            <img src="assets/img/thumbs/products/0<?php echo $i + 1 ?>.jpg" class="product-image">
        </a>
    </div>


    <div class="center">

        <p class="small color-primary m-0 font-medium"> 2B Technology </p>

        <a href="product-details.php" class="d-block mb-1">
            <p class="m-0 product-name show-lines-1"> FUGIFILM XT10 Camera Shutter 30000 67mB all </p>
        </a>

        <div class="flex-start gap-1 mb-3">
            <span class="badge badge-outline-secondary-faded badge-xs h-auto"> <span class="small"> Black </span> </span>
            <span class="badge badge-outline-secondary-faded badge-xs h-auto"> <span class="small"> X-Large </span> </span>
        </div>

        <div class="flex-start gap-3">

            <div class="change-quantity-wrapper">
                <div class="counter">
                    <span class="down" onClick='decreaseCount(event, this)'> <i class="icon icon-minus"></i> </span>
                    <input type="text" value="4">
                    <span class="up" onClick='increaseCount(event, this)'> <i class="icon icon-plus"></i></span>
                </div> <!-- counter -->
            </div><!-- change-quantity-wrapper -->

            <div class="d-block">
                <p class="product-old-price"> 522.000 KWD </p>
                <p class="product-price"> 421.000 KWD </p>
            </div>

        </div>

    </div>


    <div class="end flex-center align-items-start gap-2">
        <a href="#" class="btn btn-outline-primary btn-xs"> <i class="icon icon-sm icon-wishlist me-1"></i> <span class="small"> Move to wishlist </span></a>
        <a href="#" class="btn btn-danger-faded btn-xs"> <i class="icon icon-sm icon-trash "></i> </a>
    </div>
</div>