/* ==========================================
   Search Dropdown
========================================== */

.mns-header-search{

    position:relative;

}

.mns-search-dropdown{

    display:none;

    position:absolute;

    top:calc(100% + 2px);

    left:0;

    right:0;

    background:#fff;

    border:1px solid var(--mns-border);

    border-radius:var(--mns-radius-md);
  
    box-shadow:0 10px 30px rgba(0,0,0,.08);

    overflow:hidden;

    z-index:999;

}

.mns-search-dropdown.active{

    display:block;

}

.mns-search-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 14px;

    text-decoration:none;

    color:inherit;

    transition:.2s;
  
  	width:100%;
	box-sizing:border-box;

}

.mns-search-item:hover{

    background:#f8f8f8;

}

.mns-search-item-image{

    width:50px;

    height:50px;

    flex:0 0 50px;

}

.mns-search-item-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:8px;

    display:block;

}

.mns-search-item-content{

    flex:1;

    min-width:0;

}

.mns-search-item-title{

    font-size:14px;

    color:var(--mns-text);

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.mns-search-item-price{

    margin-top:4px;

    font-size:14px;

    font-weight:600;

    color:var(--mns-primary);

}

.mns-search-empty{

    padding:20px;

    text-align:center;

    color:var(--mns-text-light);

    font-size:14px;

}

.mns-search-view-all{

    display:block;

    padding:14px;

    text-align:center;

    font-weight:600;

    color:var(--mns-primary);

    text-decoration:none;

    border-top:1px solid var(--mns-border);

    transition:.2s;

}

.mns-search-view-all:hover{

    background:#f8f8f8;

}

.mns-search-loading{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:18px;

    color:var(--mns-text-light);

    font-size:14px;

}

.mns-search-spinner{

    width:18px;

    height:18px;

    border:2px solid #e5e5e5;

    border-top-color:var(--mns-primary);

    border-radius:50%;

    animation:mnsSearchSpin .7s linear infinite;

}

@keyframes mnsSearchSpin{

    to{

        transform:rotate(360deg);

    }

}

.mns-search-item-title mark{

    background:transparent;

    color:var(--mns-primary);

    font-weight:700;

    padding:0;

}

.mns-search-item-price{

    display:flex;

    align-items:center;

    gap:8px;

    flex-wrap:wrap;

    margin-top:4px;

}

.mns-search-price-regular{

    color:#999;

    text-decoration:line-through;

    font-size:13px;

}

.mns-search-price-sale{

    color:var(--mns-primary);

    font-size:15px;

    font-weight:700;

}

.mns-search-price-normal{

    color:var(--mns-primary);

    font-size:15px;

    font-weight:700;

}