.vmf-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-bottom:.5rem;
}
.vmf-input{
  padding:.5rem .75rem;
  border:1px solid #d0d0d0;
  border-radius:.375rem;
  min-width:260px;
  flex:2 1 320px;
}
.vmf-results{margin-top:.5rem}
.vmf-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px,1fr));
  gap: .75rem;
}
.vmf-item{
  background:#fff;
  border:1px solid #e6e6e6;
  border-radius:.5rem;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  transition:box-shadow .15s ease, transform .06s ease;
}
.vmf-item:hover{
  box-shadow:0 4px 14px rgba(0,0,0,.08);
  transform:translateY(-1px);
}
.vmf-link{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.75rem;
  text-decoration:none;
  color:inherit;
}
.vmf-thumb{
  width:64px;
  height:64px;
  object-fit:contain;
  flex:0 0 64px;
  border-radius:.375rem;
  background:#fafafa;
  border:1px solid #f0f0f0;
}
.vmf-meta{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  min-width:0;
}
.vmf-title{
  font-weight:600;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.vmf-price .amount, .vmf-price ins .amount{
  font-weight:700;
}
.vmf-price del{opacity:.6}
@media (max-width:600px){
  .vmf-row{flex-direction:column;align-items:stretch}
  .vmf-input{width:100%}
  .vmf-list{grid-template-columns:1fr}
}


/* --- ViralMESH Model Finder v1.2.2 dropdown overrides --- */
.vmf-wrap { position: relative; }

.vmf-results {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 99999;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 0.5rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  padding: 0.5rem;
  max-height: 60vh;
  overflow-y: auto;
}

.vmf-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vmf-item {
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 0.5rem;
  transition: background 0.15s ease;
}
.vmf-item:hover { background: #fafafa; }

@media (max-width: 600px) {
  .vmf-results { max-height: 70vh; }
}


/* --- v1.2.4 UI fixes --- */
.vmf-results { display: none; }
.vmf-results.vmf-open { display: block; }

.vmf-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='M21 21l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px center;
  background-size: 18px 18px;
  padding-left: 44px;
  border-radius: 999px;
}



/* --- v1.2.5: FA icon and positioning --- */
.vmf-row { position: relative; }
.vmf-ico {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 1;
  color: #999;
  pointer-events: none;
}
/* Make space for the icon; remove previous SVG background if any */
.vmf-input {
  padding-left: 44px !important;
  background-image: none !important;
  border-radius: 999px;
}