/*==================================================
  SmartShop Navbar
==================================================*/

.main-navbar{

    background:#ffffff;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
    height:60px;
	max-width: 1400px;
    margin: 0 auto;

}

.main-navbar .container{

    width:min(100%,1400px);

    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:0px;
    height:60px;

    padding-left:15px;
    padding-right:0;

    box-sizing:border-box;

}

/*=========================
  All Categories
=========================*/

.navbar-all{

    width:220px;
    height:60px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    background:#11224d;
    color:#ffffff;

    text-decoration:none;
    font-size:15px;
    font-weight:700;

    transition:.25s;

}

.navbar-all img{

    width:18px;
    height:18px;

}

.navbar-all:hover{

    background:#ffbf28;

    color:#11224d;

}

/*=========================
  Menu
=========================*/

.navbar-menu{

    flex:1;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;

}

.navbar-menu a{

    color:#1d1d1d;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    white-space:nowrap;

    transition:.25s;
	    display:flex;
    align-items:center;
    gap:8px;

}

.navbar-menu a:hover{

    color:#ffbf28;

}

/*=========================
  More
=========================*/

.navbar-more{

    display:flex;
    align-items:center;
    gap:8px;

    color:#222;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.navbar-more img{

    width:12px;
    height:12px;

}

.navbar-more:hover{

    color:#ffbf28;

}

/*=========================
  Responsive
=========================*/

@media (max-width:1200px){

    .navbar-menu{

        gap:20px;

    }

}

@media (max-width:992px){

    .main-navbar{

        display:none;

    }

}

.nav-icon{

    width:18px;
    height:18px;

    object-fit:contain;

    flex-shrink:0;

}
/*==========================================
    All Categories Dropdown
==========================================*/

.navbar-all-wrapper{

    position:relative;

    display:flex;

    flex-shrink:0;

}

.navbar-all{

    width:150px;

}

.navbar-all-dropdown{

    position:absolute;

    top:100%;

    right:0;

    width:280px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:0 0 14px 14px;

    box-shadow:0 14px 40px rgba(0,0,0,.12);

    display:none;

    overflow:hidden;

    z-index:9999;

}

.navbar-all-dropdown.show{

    display:block;

}

.navbar-dropdown-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 18px;

    color:#222;

    text-decoration:none;

    transition:.25s;

    border-bottom:1px solid #f3f3f3;

}

.navbar-dropdown-item:last-child{

    border-bottom:0;

}

.navbar-dropdown-item:hover{

    background:#f8f9fc;

    color:#11224d;

}

.navbar-dropdown-item img{

    width:18px;

    height:18px;

    object-fit:contain;

    flex-shrink:0;

}
/*==============================
    More Dropdown
==============================*/

.navbar-more-wrapper{

    position:relative;

    display:flex;

    flex-shrink:0;

}

.navbar-more-dropdown{

    position:absolute;

    left:0;

    top:100%;

    min-width:230px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:0 0 14px 14px;

    box-shadow:0 14px 40px rgba(0,0,0,.12);

    display:none;

    overflow:hidden;

    z-index:9999;

}

.navbar-more-dropdown.show{

    display:block;

}

.navbar-more-dropdown a{

    display:flex;

    align-items:center;

    gap:10px;

    padding:13px 18px;

    color:#222;

    text-decoration:none;

    transition:.25s;

    border-bottom:1px solid #f3f3f3;

}

.navbar-more-dropdown a:last-child{

    border-bottom:none;

}

.navbar-more-dropdown a:hover{

    background:#f8f9fc;

    color:#11224d;

}

.navbar-hidden{

    display:none !important;

}
.navbar-more-empty{

    padding:18px;

    text-align:center;

    color:#888;

    font-size:14px;

    white-space:nowrap;

}