<div class="row bg-light align-items-center">

    <div class="col-6 col-lg-5 d-flex align-items-center">
        <a href="/"><img src="/img/logo.png" height="52" alt="Jardin'Envie"></a>
        <span class="green ml-3 d-none d-md-inline">Variétés Paysannes de la Semence à l'Assiette</span>
    </div>

    <div class="col-12 col-lg-4 pt-2 order-3 order-lg-2">
        @include('Shop.layout.partials.search')
    </div>

    <div class="col-6 col-lg-3 pt-2 text-right order-2 order-lg-3 d-flex justify-content-end align-items-center">
        @include('Shop.layout.partials.header-catalog')
        @include('Shop.layout.partials.header-profile')
        @include('Shop.layout.partials.header-basket')
    </div>

</div>

<div class="row d-lg-none bg-green-dark">
    <div class="col-12 p-0">
        <div class="collapse" id="navbarContentMobile">
            <nav class="navbar navbar-dark p-0">
                @include('Shop.layout.partials.sections-menu-list')
            </nav>
        </div>
    </div>
</div>
