@import "../../../style/CommonStyle.module.less";
.bestSeller {
  padding: 60px 0;
  width: 100%;

  margin-left: 60px;
  .subTitle {
    border-left: 6px solid #c70850;
    padding-left: 12px;
    box-sizing: border-box;
    color: #1a1a1a;
    font-weight: bold;
    font-family: "LGSmartUIBold";
    font-size: 42px;
  }

  .grid {
    height: 300px;
    > div {
      > div {
        > div {
          &:nth-child(5n + 1) {
            > div {
              > div {
                background: linear-gradient(to top, #f485c3, #cc4d92);
              }
            }
          }
          &:nth-child(5n + 2) {
            > div {
              > div {
                background: linear-gradient(to top, #fdbe43, #e47915);
              }
            }
          }
          &:nth-child(5n + 3) {
            > div {
              > div {
                background: linear-gradient(to top, #97ca73, #3e8d18);
              }
            }
          }
          &:nth-child(5n + 4) {
            > div {
              > div {
                background: linear-gradient(to top, #84b0e9, #4282d9);
              }
            }
          }
          &:nth-child(5n + 5) {
            > div {
              > div {
                background: linear-gradient(to top, #a387ea, #7750dc);
              }
            }
          }
        }
      }
    }
  }

  &.onSaleItem {
    margin-top: 20px;
    height: 300px;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    // > div {
    //   > div {
    //     > div {
    //       > div:nth-child(5n + 1) {
    //         .onSaleItemListBox {
    //           background-image: linear-gradient(to top, #f485c3, #cc4d92);
    //         }
    //       }
    //       > div:nth-child(5n + 2) {
    //         .onSaleItemListBox {
    //           background-image: linear-gradient(to top, #fdbe43, #e47915);
    //         }
    //       }
    //       > div:nth-child(5n + 3) {
    //         .onSaleItemListBox {
    //           background-image: linear-gradient(to top, #97ca73, #3e8d18);
    //         }
    //       }
    //       > div:nth-child(5n + 4) {
    //         .onSaleItemListBox {
    //           background-image: linear-gradient(to top, #84b0e9, #4282d9);
    //         }
    //       }
    //       > div:nth-child(5n + 5) {
    //         .onSaleItemListBox {
    //           background-image: linear-gradient(to top, #a387ea, #7750dc);
    //         }
    //       }
    //     }
    //   }
    // }
  }
}
