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

.container {
  width: 100%;
  margin-top: 100px;

  .info {
    text-align: center;

    .imageBox {
      .size(@w: 360px, @h: 180px);
      margin: 0 auto;
      background-size: cover;

      > img {
        object-fit: cover;
        .size(@w: 100%, @h: 100%);
      }
    }

    > p {
      font-weight: bold;
      font-size: 36px;
      color: #a3a3a3;
      margin-top: 6px;
    }
  }

  .bestSellerWrap {
    height: 512px;
    > h2 {
      font-size: 42px;
    }
    > ul {
      height: 438px;
    }

    .categoryBestSeller {
      height: 482px;
      width: 100%;
      > div {
        > div {
          padding: 20px 0px 30px 0px;
          display: flex;
          > div {
            flex: none;
            margin-right: 18px;
            &:last-child {
              margin-right: 0px;
            }
          }
        }
      }
    }
  }
}
