<!-- Results dropdown rendered in product_search.js -->

        <div class="overflow-hidden shadow dropdown-menu w-100 hidden" id="search-results-container" aria-labelledby="dropdownMenuSearch" style="display: flex; flex-direction: column;">

        <div class="category-container mt-2 mb-1">
            <div class="category-chips">
            </div>
        </div>

        <div id="product-results mt-2">
            <div id="product-scroll" style="overflow: scroll; max-height: 300px">
            </div>
        </div>

        <div class="mb-2 mt-2 recent-searches">
            <div>
                <b>Recen</b>
            </div>

        <div id="recents" style="padding: .25rem 0 1rem 0;"><span class="" text-muted"="">No searches yet.</span></div>
    </div>
    </div>
    </div>
        </div>
    <div class="toggle-container col-4 p-0">
            <div class="form-group mb-0" id="toggle-view">
                <button id="list" class="btn btn-list-view mr-2 btn-primary">
                    <span>
                        <svg class="icon icon-md">
                            <use href="#icon-list"></use>
                        </svg>
                    </span>
                </button>
            </div>

            <div class="form-group mb-0" id="toggle-view">
                <button id="image-view" class="btn btn-grid-view mr-2">
                    <span>
                        <svg class="icon icon-md">
                            <use href="#icon-image-view"></use>
                        </svg>
                    </span>
                </button>
            </div>
        </div></div>

        <br>
        <div id="products-list-area" class="row products-list mt-6 ml-2" itemscope="" itemtype="https://schema.org/Product"><br><br><div class="row list-row w-100 mb-4">
            <div class="col-2 border text-center rounded list-image">
                <a class="product-link product-list-link" href="http://mstar.com.np/icecream-1-hythi">
                    <img itemprop="image" class="website-image h-100 w-100" alt="Icecream 1" src="./All Products_files/481143533_554676310923025_2933858521123403556_ned92c4.jpg">
                </a>

            </div>
        <div class="col-10 text-left"><div style="display: flex; margin-left: -15px;">
        <div class="col-8" style="margin-right: -15px;">
            <a class="" href="http://mstar.com.np/icecream-1-hythi" style="color: var(--gray-800); font-weight: 500;">
                Icecream 1
            </a>
        </div>
    <div class="col-4 cart-action-container "></div></div>
        <p class="product-code">
            Icecream | Item Code : test
        </p>
        <div class="mt-2" style="color: var(--gray-600) !important; font-size: 13px;">

        </div>
        <div class="product-price" itemprop="offers" itemscope="" itemtype="https://schema.org/AggregateOffer">

    </div></div></div><div class="row list-row w-100 mb-4">
            <div class="col-2 border text-center rounded list-image">
                <a class="product-link product-list-link" href="http://mstar.com.np/iceream-2-8wi0m">
                    <img itemprop="image" class="website-image h-100 w-100" alt="Iceream 2" src="./All Products_files/butterscotch-ice-cream-recipe.jpg">
                </a>

            </div>
        <div class="col-10 text-left"><div style="display: flex; margin-left: -15px;">
        <div class="col-8" style="margin-right: -15px;">
            <a class="" href="http://mstar.com.np/iceream-2-8wi0m" style="color: var(--gray-800); font-weight: 500;">
                Iceream 2
            </a>
        </div>
    <div class="col-4 cart-action-container "></div></div>
        <p class="product-code">
            Icecream | Item Code : test 2
        </p>
        <div class="mt-2" style="color: var(--gray-600) !important; font-size: 13px;">

        </div>
        <div class="product-price" itemprop="offers" itemscope="" itemtype="https://schema.org/AggregateOffer">

    </div></div></div></div>

        <br>
        <div id="products-grid-area" class="row products-list mt-minus-1 hidden" itemscope="" itemtype="https://schema.org/Product"><div class="col-sm-4 item-card"><div class="card text-left">
            <div class="card-img-container">
                <a href="http://mstar.com.np/icecream-1-hythi" style="text-decoration: none;">
                    <img itemprop="image" class="card-img" src="./All Products_files/481143533_554676310923025_2933858521123403556_ned92c4.jpg" alt="Icecream 1">
                </a>
            </div>

        <div class="card-body text-left card-body-flex" style="width:100%">
            <div style="margin-top: 1rem; display: flex;">

        <a href="http://mstar.com.np/icecream-1-hythi">
            <div class="product-title" itemprop="name">
                Icecream 1
            </div>
        </a>

        <div class="cart-indicator hidden" data-item-code="test">
            1
        </div>
    </div><div class="product-category" itemprop="name">Icecream</div></div></div></div><div class="col-sm-4 item-card"><div class="card text-left">
            <div class="card-img-container">
                <a href="http://mstar.com.np/iceream-2-8wi0m" style="text-decoration: none;">
                    <img itemprop="image" class="card-img" src="./All Products_files/butterscotch-ice-cream-recipe.jpg" alt="Iceream 2">
                </a>
            </div>

        <div class="card-body text-left card-body-flex" style="width:100%">
            <div style="margin-top: 1rem; display: flex;">

        <a href="http://mstar.com.np/iceream-2-8wi0m">
            <div class="product-title" itemprop="name">
                Iceream 2
            </div>
        </a>

        <div class="cart-indicator hidden" data-item-code="test 2">
            1
        </div>
    </div><div class="product-category" itemprop="name">Icecream</div></div></div></div></div>
    </div>
    </div>
    </div>