/* RELATED TOKENS + CHERRY DEALS strip on collection pages — see reltokens.js.
   Scoped .rt-*; dark-first to match the shop. Hidden entirely until real data
   arrives, so these rules never paint an empty shell. */

.rt-wrap { margin: 14px 0 4px; }
.rt-wrap .rt-title { margin: 14px 0 2px; font-size: 15px; }
.rt-wrap .rt-sub { margin: 0 0 8px; font-size: 12px; opacity: .62; max-width: 62ch; }

.rt-strip {
  display: flex; gap: 10px; overflow-x: auto; padding: 2px 2px 8px;
  scrollbar-width: thin; -webkit-overflow-scrolling: touch;
}

/* token card */
.rt-card {
  flex: 0 0 168px; display: flex; flex-direction: column; gap: 6px;
  padding: 10px; border-radius: 12px; text-decoration: none; color: inherit;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform .12s ease, border-color .12s ease;
}
.rt-card:hover { transform: translateY(-2px); border-color: rgba(255, 255, 255, .22); }
.rt-card-top { display: flex; align-items: center; gap: 8px; min-height: 30px; }
.rt-logo { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.rt-id { display: flex; flex-direction: column; min-width: 0; }
.rt-sym { font-size: 13px; line-height: 1.15; }
.rt-name {
  font-size: 11px; opacity: .6; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; max-width: 110px;
}
.rt-spark { width: 100%; height: 34px; display: block; }
.rt-meta { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.rt-mc { font-size: 11.5px; opacity: .8; }
.rt-chip {
  font-size: 10.5px; padding: 2px 6px; border-radius: 999px;
  background: rgba(255, 255, 255, .08);
}
.rt-chip.rt-up { color: #2ecc71; background: rgba(46, 204, 113, .12); }
.rt-chip.rt-down { color: #ff5470; background: rgba(255, 84, 112, .12); }
.rt-buy { font-size: 12px; font-weight: 600; opacity: .9; }

/* cherry lot card */
.rt-lot {
  flex: 0 0 200px; display: flex; flex-direction: column; gap: 5px;
  padding: 10px; border-radius: 12px; text-decoration: none; color: inherit;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .08);
  transition: transform .12s ease, border-color .12s ease;
}
.rt-lot:hover { transform: translateY(-2px); border-color: rgba(255, 255, 255, .22); }
.rt-lot-head { display: flex; align-items: center; justify-content: space-between; }
.rt-lot-id { font-size: 11px; opacity: .55; }
.rt-lot-assets { font-size: 12.5px; font-weight: 600; line-height: 1.3; }
.rt-lot-wish {
  font-size: 11.5px; opacity: .7; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.rt-lot-offers { font-size: 11px; opacity: .55; }
.rt-cherry-foot { padding: 2px 2px 6px; }
.rt-cherry-cta { font-size: 12.5px; font-weight: 600; text-decoration: none; }