.mn-live-search{
  position:relative;
  width:100%;
  max-width:600px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.mn-search-form{
  display:flex;
  align-items:center;
  width:100%;
  height:60px;
  background:var(--white,#fff);
  border:1px solid var(--border,#E5E7EB);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
}

.mn-search-input{
  flex:1;
  width:100%;
  height:60px;
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 22px !important;
  margin:0 !important;
  font-family:var(--font-primary,'Noto Sans',sans-serif);
  font-size:16px;
  font-weight:400;
  color:var(--heading,#111827);
}

.mn-search-input::placeholder{
  color:var(--text-light,#6B7280);
}

.mn-search-btn{
  width:72px;
  height:60px;
  min-width:72px;
  border:0 !important;
  outline:none !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:var(--primary,#F97316) !important;
  color:#fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:var(--transition,.25s ease);
}

.mn-search-btn:hover{
  background:var(--primary-hover,#EA580C) !important;
}

.mn-search-btn i{
  font-size:20px;
  line-height:1;
}

.mn-search-results{
  position:absolute;
  top:calc(100% + 12px);
  left:0;
  right:0;
  z-index:9999;
  display:none;
}

.mn-search-results.is-active{
  display:block;
}

.mn-result-box{
  background:var(--white,#fff);
  border:1px solid var(--border,#E5E7EB);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.14);
}

.mn-result-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 14px;
  text-decoration:none !important;
  border-bottom:1px solid var(--border,#E5E7EB);
  transition:var(--transition,.25s ease);
}

.mn-result-item:last-child{
  border-bottom:0;
}

.mn-result-item:hover{
  background:var(--bg,#FFF8F1);
}

.mn-result-item img{
  width:82px;
  height:62px;
  object-fit:cover;
  border-radius:10px;
  flex-shrink:0;
}

.mn-result-thumb-placeholder{
  width:82px;
  height:62px;
  border-radius:10px;
  background:var(--bg,#FFF8F1);
  color:var(--primary,#F97316);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.mn-result-thumb-placeholder i{
  font-size:24px;
}

.mn-result-content{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.mn-result-content strong{
  font-family:var(--font-primary,'Noto Sans',sans-serif);
  font-size:15px;
  font-weight:700;
  line-height:1.45;
  color:var(--heading,#111827);
}

.mn-result-content span{
  font-size:13px;
  color:var(--primary,#F97316);
  font-weight:500;
}

.mn-result-empty{
  background:var(--white,#fff);
  border:1px solid var(--border,#E5E7EB);
  border-radius:16px;
  box-shadow:0 18px 45px rgba(0,0,0,.14);
  padding:16px 18px;
  color:var(--text-light,#6B7280);
  font-size:14px;
  display:flex;
  align-items:center;
  gap:8px;
}

.mn-result-empty i{
  color:var(--primary,#F97316);
}

@media(max-width:768px){
  .mn-live-search{
    max-width:100%;
  }

  .mn-search-form{
    height:54px;
    border-radius:14px;
  }

  .mn-search-input{
    height:54px;
    font-size:15px;
    padding:0 16px !important;
  }

  .mn-search-btn{
    width:62px;
    min-width:62px;
    height:54px;
  }

  .mn-result-item img,
  .mn-result-thumb-placeholder{
    width:70px;
    height:54px;
  }

  .mn-result-content strong{
    font-size:14px;
  }
}