.dmc-mkss-suggestions{
  background:#fcf8f4;
  color:#3d3028;
  border:1px solid rgba(125, 99, 77, 0.14);
  border-radius:18px;
  box-shadow:0 20px 50px rgba(61, 48, 40, 0.12);
  overflow:hidden;
  max-height:min(70vh,520px);
  overflow-y:auto;
  backdrop-filter:none;
}

/* scrollbar */
.dmc-mkss-suggestions::-webkit-scrollbar{
  width:10px;
}
.dmc-mkss-suggestions::-webkit-scrollbar-track{
  background:#f3ebe4;
  border-radius:10px;
}
.dmc-mkss-suggestions::-webkit-scrollbar-thumb{
  background:#d5c2b3;
  border-radius:10px;
}
.dmc-mkss-suggestions::-webkit-scrollbar-thumb:hover{
  background:#c4ac98;
}

.dmc-mkss-suggestions__status{
  padding:16px 18px;
  color:#7a6658;
  font-size:14px;
  text-align:center;
  font-weight:500;
}

.dmc-mkss-suggestions__item,
.dmc-mkss-suggestions__all{
  display:flex;
  gap:14px;
  padding:14px 16px;
  text-decoration:none;
  color:#3d3028;
  transition:all .2s ease;
  background:transparent;
}

.dmc-mkss-suggestions__item + .dmc-mkss-suggestions__item{
  border-top:1px solid rgba(125, 99, 77, 0.10);
}

.dmc-mkss-suggestions__item:hover,
.dmc-mkss-suggestions__item.is-active{
  background:#f5ede6;
}

.dmc-mkss-suggestions__thumb{
  width:60px;
  height:60px;
  min-width:60px;
  border-radius:14px;
  overflow:hidden;
  background:#efe4db;
  border:1px solid rgba(125, 99, 77, 0.12);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 4px 12px rgba(61, 48, 40, 0.06);
}

.dmc-mkss-suggestions__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.dmc-mkss-suggestions__thumb--empty::before{
  content:"•";
  font-size:24px;
  color:rgba(125, 99, 77, 0.45);
}

.dmc-mkss-suggestions__text{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  flex:1;
}

.dmc-mkss-suggestions__text strong{
  font-size:16px;
  line-height:1.35;
  white-space:normal;
  color:#2f241e;
  font-weight:600;
}

.dmc-mkss-suggestions__type{
  display:inline-block;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#b07b55;
  font-weight:700;
}

.dmc-mkss-suggestions__excerpt{
  font-size:13px;
  line-height:1.5;
  color:#6f5c4f;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* search all link */
.dmc-mkss-suggestions__all{
  justify-content:center;
  align-items:center;
  font-weight:600;
  color:#9a6847;
  background:#fffaf6;
  border-top:1px solid rgba(125, 99, 77, 0.10);
}

.dmc-mkss-suggestions__all:hover{
  background:#f5ede6;
  color:#7f5639;
}

.dmc-mkss-suggestions__searchbtn{
  appearance:none;
  border:1px solid #b68460;
  background:#b68460;
  color:#fff;
  padding:11px 16px;
  border-radius:12px;
  font-weight:700;
  cursor:pointer;
  line-height:1;
  white-space:nowrap;
  transition:all .2s ease;
  box-shadow:0 6px 16px rgba(182, 132, 96, 0.22);
}

.dmc-mkss-suggestions__searchbtn:hover{
  background:#a97652;
  border-color:#a97652;
  color:#fff;
  box-shadow:0 8px 18px rgba(169, 118, 82, 0.24);
}

.dmc-mkss-suggestions__actions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  padding:12px 14px;
  background:#fcf8f4;
  z-index:2;
}

.dmc-mkss-suggestions__actions--top{
  position:sticky;
  top:0;
  border-bottom:1px solid rgba(125, 99, 77, 0.10);
}

.dmc-mkss-suggestions__actions--bottom{
  position:sticky;
  bottom:0;
  border-top:1px solid rgba(125, 99, 77, 0.10);
}

/* optional better spacing on smaller screens */
@media (max-width: 767px){
  .dmc-mkss-suggestions{
    border-radius:14px;
  }

  .dmc-mkss-suggestions__item,
  .dmc-mkss-suggestions__all{
    padding:12px;
    gap:12px;
  }

  .dmc-mkss-suggestions__thumb{
    width:54px;
    height:54px;
    min-width:54px;
  }

  .dmc-mkss-suggestions__text strong{
    font-size:15px;
  }

  .dmc-mkss-suggestions__excerpt{
    font-size:12px;
  }
}