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

.trendingNowWrap {
  .trendingNow {
    position: relative;
    height: 100%;
    background: #eeedf0;
    .popularContainer {
      width: 100%;
      padding: 64px 0;
      height: 766px;
      background-image: url("../../../assets/images/img-topdeals-bg.png");
      background-size: cover;
      background-repeat: no-repeat;
      > h2 {
        padding-left: 60px;
      }
    }

    .bestContainer {
      width: 100%;
      margin-top: 60px;
      padding: 0px 60px 0 60px;

      .itemList {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        > div {
          margin: 0 15px 15px 0;
        }
        > div:nth-child(5n + 5) {
          margin: 0;
        }
      }
    }
    .tVerticalPagenator {
      height: 100% !important;
    }
  }
  .button {
    position: absolute;
    top: 378px;
    z-index: 5;
    min-width: 84px;
    transition: none;
    height: 84px;
    background: transparent;
    box-shadow: none;
    .imgElement(84px, 84px, center, center);
    &.prevBtn {
      left: 180px;
      background-image: url("../../../assets/images/btn/btn-left-84-nor@3x.png");
      &:focus {
        background-image: url("../../../assets/images/btn/btn-left-84-foc@3x.png");
      }
    }

    &.nextBtn {
      right: 60px;
      background-image: url("../../../assets/images/btn/btn-right-84-nor@3x.png");
      &:focus {
        background-image: url("../../../assets/images/btn/btn-right-84-foc@3x.png");
      }
    }
  }
}
