/* ===== accb-search.css ===== */

.accb-portal .accb-search{
  padding: 16px 18px 18px;
}

.accb-portal .accb-search__control{
  position: relative;
  margin-bottom: 10px;
}

.accb-portal .accb-search__results{
  display: grid;
  gap: 10px;
}

.accb-portal .accb-search__empty,
.accb-portal .accb-search__loading{
  color: rgba(255,255,255,.65);
  font-size: 13px;
  padding: 10px 0 0;
}

/* If your JS injects .accb-product-card */
.accb-portal .accb-product-card{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.14);
  border-radius: 14px;
  padding: 10px;
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 10px;
  align-items: center;
}

.accb-portal .accb-product-card img{
  width: 52px;
  height: 52px;
  border-radius: 12px;
  object-fit: cover; /* prevents stretch */
  display: block;
}