.flowrand-fc-suggestions[hidden] {
  display: none !important;
}

.flowrand-fc-suggestions {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid rgba(124, 58, 237, .18);
  border-radius: var(--flowrand-fc-radius);
  background: linear-gradient(135deg, rgba(124, 58, 237, .08), rgba(14, 165, 233, .06));
}

.flowrand-fc-suggestions__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: #5b21b6;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.5;
}

.flowrand-fc-suggestions__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 9px;
  background: rgba(124, 58, 237, .12);
  color: #7c3aed;
}

.flowrand-fc-suggestions__icon svg {
  display: block;
  width: 17px;
  height: 17px;
  fill: currentColor;
}

.flowrand-fc-suggestions__items {
  display: grid;
  gap: 4px;
}

.flowrand-fc-suggestion {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 7px 0;
  border-radius: 11px;
}

.flowrand-fc-suggestion__image {
  display: block;
  width: 54px;
  height: 54px;
  overflow: hidden;
  border-radius: 11px;
  background: var(--flowrand-fc-soft);
}

.flowrand-fc-suggestion__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flowrand-fc-suggestion__content {
  min-width: 0;
}

.flowrand-fc-suggestion__name {
  display: -webkit-box;
  overflow: hidden;
  color: var(--flowrand-fc-text) !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.flowrand-fc-suggestion__price {
  margin-top: 3px;
  color: var(--flowrand-fc-muted);
  font-size: 12px;
  line-height: 1.45;
}

.flowrand-fc-suggestion__price del {
  opacity: .65;
}

.flowrand-fc-suggestion__price ins {
  text-decoration: none;
}

.flowrand-fc-suggestion__add {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--flowrand-fc-border);
  border-radius: 999px;
  background: var(--flowrand-fc-soft);
  color: var(--flowrand-fc-text);
  font: inherit;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.flowrand-fc-suggestion__add.is-loading {
  pointer-events: none;
  opacity: .7;
}

.flowrand-fc-suggestion__spinner {
  display: none;
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid rgba(24, 24, 27, .2);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: flowrand-fc-spin .7s linear infinite;
}

.flowrand-fc-suggestion__add.is-loading .flowrand-fc-suggestion__add-text {
  visibility: hidden;
}

.flowrand-fc-suggestion__add.is-loading .flowrand-fc-suggestion__spinner {
  display: block;
}