@import "../../../style/CommonStyle.module.less";
.bestSeller {
  padding: 60px 0px 0px 60px;
  width: 100%;
  .subTitle {
    margin-bottom: 20px;
  }
  .grid {
    height: 300px;
    overflow: unset;
    > div {
      overflow: unset !important;
    }
    &:last-child {
      padding-right: 60px;
    }
    > div {
      > div {
        > div {
          &:nth-child(5n + 1) {
            > div {
              > div {
                background: linear-gradient(0.4turn, #f485c3, #cc4d92);
              }
            }
          }
          &:nth-child(5n + 2) {
            > div {
              > div {
                background: linear-gradient(0.4turn, #fdbe43, #e47915);
              }
            }
          }
          &:nth-child(5n + 3) {
            > div {
              > div {
                background: linear-gradient(0.4turn, #97ca73, #3e8d18);
              }
            }
          }
          &:nth-child(5n + 4) {
            > div {
              > div {
                background: linear-gradient(0.4turn, #84b0e9, #4282d9);
              }
            }
          }
          &:nth-child(5n + 5) {
            > div {
              > div {
                background: linear-gradient(0.4turn, #a387ea, #7750dc);
              }
            }
          }
        }
      }
    }
  }

  &.onSaleItem {
    margin-top: 20px;
    height: 300px;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
  }
}
