.goods-list {
  display: flex;
}

.goods-layout-vertical {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 0 var(--padding-size-base);
  padding-bottom: 24rpx;
  overflow: hidden;
  place-content: flex-start space-between;

  .goods-item {
    display: flex;
    flex-shrink: 0;
    width: var(--goods-card-thumb-width);
    margin-top: var(--padding-gap-md);
  }
}

.goods-layout-horizontal {
  --goods-card-thumb-width: 302rpx;
  --goods-card-thumb-height: 302rpx;

  display: flex;
  align-items: center;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;

  .goods-item {
    display: flex;
    margin-right: var(--padding-size-base);
    scroll-snap-align: start;

    .goods-item {
      width: var(--goods-card-thumb-width);
    }

    &:first-child {
      padding-left: var(--padding-size-base);
    }

    &:last-child {
      padding-right: var(--padding-size-base);
    }
  }
}