/* market.css — extra styles for market landing pages */

/* breadcrumb */
.market-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .78rem;
  color: var(--txt3);
  margin-bottom: 20px;
}
.market-breadcrumb a { color: var(--g); transition: opacity .2s; }
.market-breadcrumb a:hover { opacity: .75; }
.market-breadcrumb span { color: var(--txt2); }

/* hero proof — flag instead of avatar row */
.proof-flag {
  font-size: 2.4rem;
  line-height: 1;
  flex-shrink: 0;
}

/* sticky bar always visible on mobile for market pages */
@media (max-width: 899px) {
  .sticky-bar { transform: translateY(0) !important; }
  body { padding-bottom: 60px; }
}