.block-goods-detail-j {
  counter-reset: item;
}

.block-goods-detail-j .block-goods-detail-j--item {
  position: relative;
}

.block-goods-detail-j .block-goods-detail-j--item::before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  top: -10px;
  left: 10px;
  font-family: "Montserrat", sans-serif;
  width: 37px;
  height: 37px;
  border-radius: 20px;
  display: -ms-grid;
  display: grid;
  place-content: center;
  color: #fff;
  font-size: 16px;
  line-height: 37px;
  background: #bebebe;
  z-index: 1;
}

.block-event-page--goods:not(:has(.pager-previous)) .block-goods-detail-j .block-goods-detail-j--item:nth-of-type(1)::before {
  background: #d1c379;
}

.block-event-page--goods:not(:has(.pager-previous)) .block-goods-detail-j .block-goods-detail-j--item:nth-of-type(2)::before {
  background: #c9c6b8;
}

.block-event-page--goods:not(:has(.pager-previous)) .block-goods-detail-j .block-goods-detail-j--item:nth-of-type(3)::before {
  background: #d1a579;
}

.block-pickup-list-p {
  counter-reset: item;
}

.block-pickup-list-p li {
  position: relative;
}

.block-pickup-list-p li::before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  top: -22px;
  left: 5px;
  font-family: "Montserrat", sans-serif;
  width: 37px;
  height: 37px;
  border-radius: 20px;
  display: -ms-grid;
  display: grid;
  place-content: center;
  color: #fff;
  font-size: 16px;
  line-height: 37px;
  background: #bebebe;
  z-index: 1;
}

.block-event-page--goods:not(:has(.pager-previous)) .block-pickup-list-p li:nth-of-type(1)::before {
  background: #d1c379;
}

.block-event-page--goods:not(:has(.pager-previous)) .block-pickup-list-p li:nth-of-type(2)::before {
  background: #c9c6b8;
}

.block-event-page--goods:not(:has(.pager-previous)) .block-pickup-list-p li:nth-of-type(3)::before {
  background: #d1a579;
}