.stop, .stop-group__header {
  @extend .flex;

  flex-wrap: wrap;
}

.stop__name {
  flex: 1 0;
  line-height: 1.2;
}

.stop__variant {
  margin: 0 .5rem;
}

.stop__actions {
  display: flex;
}

.stop__details-fold {
  flex-basis: 100%;
  .fold__inner { padding-bottom: .75rem; }
}

.stop-group__name {
  font-size: $font-size-base;
  font-weight: bold;

  margin-bottom: 0;
}

.stop__tracks .line__symbol .badge {
  flex-grow: 1;
}

.stop__details {
  display: flex;
  flex-wrap: wrap;
  margin: 0 (-$grid-gutter-width/2);

  section {
    flex: 0 0 100%;
    padding: 0 $grid-gutter-width/2;
  }

  &.size-lg {
    section {
      flex: 0 0 50%;
    }
  }
}