@import "../../style/CommonStyle.module.less";
@import "../../style/utils.module.less";

.gridContainer {
  width: 100%;
  .flex(@alignCenter:flex-start);
  gap: 15px;

  &.home {
    padding: 20px 42px 0 60px;
    justify-content: unset;
    align-items: unset;
    flex-direction: unset;

    height: 478px;
    background-color: #f2f2f2;
    border: 1px solid #dadada;
  }
  &.homeBestSeller {
    overflow: hidden;
    justify-content: unset;
  }
  &.onSaleItem {
    margin-top: 20px;
    height: 300px;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  &.showList {
    margin-top: 20px;
    display: flex;
    overflow: hidden;
    height: 438px;
  }
}