<div class="d-flex flex-row align-items-center justify-content-center">

    <div class="col-xl-6 col-lg-9 col-md-10  mt-5 px-0 px-md-1">


        <div class="products-search-layer getshadow-s bg-white rad-10">

            <div class="px-2 text-center w-100">
                <form class="" dir="rtl" method="post" action="products.php">
                    <div class="form-row " style="border-radius: 15px;">

                        <div class=" col-xl-3 col-lg-2 col-4 d-flex align-items-center px-0">
                            <select class=" custom-select mt-1 mb-1 mr-sm-2 text-right  border-0 bg-white rounded" id="categories" name="categories" dir="rtl" style="font-size: 0.85rem; color: #121212; font-weight: 700;" required>

                                <?php echo $categoriesname;?>
                            </select>
                        </div>

                        <div class=" col-xl-8 col-lg-8 col-6 d-flex align-items-center border-right border-light">
                            <input class="form-control  border-0 bg-white my-auto text-right" style="font-size: 0.8rem;" type="search" id="searchpros" name="searchpros" placeholder="جستجوی محصولات" aria-label="Search" required>
                        </div>

                        <div class="col-xl-1 col-lg-2 col-2 text-left ">
                            <button class="btn  my-1 " type="submit" name="searchprosbtn">
                                <div class="d-flex align-items-center justify-content-center p-2  " style="color: #bb3caa;border-radius: 15px;"><i class="fa-search fa"></i></div>

                            </button>
                        </div>
                    </div>
                </form>


            </div>

        </div>

    </div>

</div>

 
<div class="row mt-5 ">

    <div class="col-12">

        <div class="h3 font-weight-bold text-dark text-center "><?php echo $selectedcategory;?></div>
        <div class="h6  mt-3 text-secondary text-center">تعداد محصولات: <?php echo $selectedcategorycount;?></div>

    </div>

</div>
