/* Bio placement A — on-photo scrim bio (Discover + Matches overlay Card) */
.aisle-card-bio {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.1px;
  font-family: Outfit, system-ui, sans-serif;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}

.aisle-card-overlay > .aisle-match-pill,
.aisle-card-overlay > .score-badge.aisle-match-pill {
  margin-top: 10px;
}

.aisle-card-overlay > .aisle-match-reason {
  margin: 6px 0 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.1px;
  font-family: Outfit, system-ui, sans-serif;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Keep legacy Card bio node hidden; placement A uses .aisle-card-bio only */
.profile-card .profile-bio {
  display: none;
}

/*
 * Defensive after bio A: taller overlay stack (name→bio→pill→chips→caption)
 * must not clip .aisle-overlap-caption on Matches overlay Card.
 * Keep image rounded via child radius so Discover still looks fine.
 */
.aisle-hero-card.profile-card,
.profile-card.aisle-hero-card {
  overflow: visible;
}
.aisle-hero-card .profile-img,
.aisle-hero-card .video-wrapper {
  border-radius: 24px;
}
.aisle-hero-card .aisle-card-scrim {
  height: 58%;
  border-radius: 0 0 24px 24px;
}
.aisle-hero-card .aisle-card-overlay,
.profile-card.aisle-hero-card .aisle-card-overlay {
  bottom: 14px;
  padding-bottom: 6px;
  box-sizing: border-box;
}
.aisle-hero-card .aisle-overlap-caption,
.aisle-card-overlay > .aisle-overlap-caption {
  display: block;
  margin-top: 8px;
  padding-bottom: 2px;
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}