/* ---- Ajustes de ancho y layout ---- */
:root{
  --mcps-max-width: 980px;  /* cambia este valor si quieres limitar el ancho */
}

.mcps-wrap{
  position: relative;
  width: 100%;
  max-width: var(--mcps-max-width);
}

/* Modo full width: ignora el max-width y ocupa todo el contenedor padre */
.mcps-wrap.mcps-full{
  max-width: 100%;
}

.mcps-input{
  width: 100%;
  padding: .9rem 1rem;
  border: 2px solid #00a651;
  border-radius: .75rem;
}

/* El panel de resultados ahora se estira al 100% del wrapper */
.mcps-results{
  position: absolute;
  left: 0;
  right: 0;            /* ← hace que el dropdown iguale el ancho del wrapper */
  top: calc(100% + .25rem);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: .75rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  max-height: 60vh;
  overflow: auto;
  z-index: 9999;
}

/* resto igual */
.mcps-item{display:flex;gap:.75rem;padding:.6rem .8rem;align-items:center;border-bottom:1px solid #f3f4f6;text-decoration:none;color:#111827}
.mcps-item:last-child{border-bottom:0}
.mcps-item:hover{background:#f9fafb}
.mcps-thumb{width:56px;height:56px;border-radius:.5rem;object-fit:cover;background:#f1f5f9}
.mcps-meta{display:flex;flex-direction:column;gap:.1rem}
.mcps-title{font-weight:600;line-height:1.25}
.mcps-sub{font-size:.85rem;color:#6b7280}
.mcps-price{font-weight:600}