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

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

  &.home {
    margin-top: 20px;
    width: calc(100% - 60px);
    margin-left: 60px;
    justify-content: unset;
    align-items: unset;
    flex-direction: unset;
    overflow: hidden;
    height: 478px;
  }
  &.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;
  }
}
