/* =================================================================
   Buyers page
   ================================================================= */

/* Match preview mini-cards */
.buyers-match-preview { padding: 20px; }

.buyers-mini-cards { display: flex; flex-direction: column; gap: 8px; }

.buyers-mini-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px;
  background: #fff;
  border: 1px solid var(--base-border-tertiary);
  border-radius: 10px;
}

.buyers-mini-card--muted { opacity: .55; }

.buyers-mini-card__info { min-width: 0; }

.buyers-mini-card__label {
  font-size: var(--text-base);
  font-weight: var(--fw-semibold);
  color: var(--color-gray-950);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.buyers-mini-card__sub {
  font-size: var(--text-xs);
  color: var(--base-text-tertiary);
  margin-top: 1px;
}

.buyers-mini-card__badges { display: flex; gap: 5px; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-end; }

.buyers-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: var(--text-xs);
  font-weight: var(--fw-semibold);
  white-space: nowrap;
}

.buyers-badge--match {
  background: #ecfdf5;
  border: 1px solid #bbf7d0;
  color: #047857;
}

.buyers-badge--specialty {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #1d4ed8;
}

/* Hero stack on mobile */
@media (max-width: 540px) {
  .page-hero__ctas {
    flex-direction: column;
    align-items: stretch;
  }
  .page-hero__ctas .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Prevent horizontal scroll on narrow screens */
.page-hero,
.feat-row,
.page-cta {
  overflow-x: hidden;
}