@small: ~"(max-width: 699px)";

section {
  padding-top:30px;
  padding-bottom:30px;
  margin-bottom: 10px;
  background-color: #F8F6F5;

  .container {
    color:#030303;

    .index-subtitle {
      padding-bottom:7px;

      .keyword-list {
        margin-bottom: 0px;
        margin-top: 0px;
        
        .keyword {
          font-size: 16px;
          padding: 6px 16px;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
        }
  
      }
      .index-subtitle-title {
        font-size: 30px;
        font-weight: 700;
        position: relative;
        font-family: 'Poppins', sans-serif; 
        display: flex;
        justify-content: space-between;
        align-items: center;

        a {
          background-color: #bb3029;
          color: white;
          text-align: right;
          padding: 5px 20px;
          font-size: 16px;
          border: 2px solid #bb3029;
          border-radius: 7px;
        }
      }
      .index-subtitle-desc {
        font-size: 20px;
        text-align: center;
        display: none;
      }
    }

    .index-subtitle-mob {

      .index-subtitle-title {
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        font-weight: 700;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;

        a {
          background-color: #bb3029;
          color: white;
          text-align: right;
          padding: 5px 20px;
          font-size: 16px;
          border: 2px solid #bb3029;
          border-radius: 7px;
        }
      }
      .index-subtitle-desc {
        font-size: 12px;
        display: none;
      }
    }

    .loading-img {
        margin-left: calc(50% - 64px);
        margin-top:10px;
    }

    .keyword-list {
      text-align: left;
      margin-bottom: 7px;
      padding-left: 15px;

      .keyword {
        background-color: white;
        font-size: 17px;
        padding: 6px 16px;
        box-shadow: 0px 0px 6px #00000029;
        border-radius: 50px;
        cursor: pointer;
        margin-right:10px;
        margin-bottom: 10px;
        display: inline-block;

        &:last-child {
          margin-right : 0px;
        }

        &:hover {
          background-color:#bb3029;
          color:white;
        }
      }

      .active {
        color:white;
        background-color: #bb3029;
      }
    }

    .keyword-list-mob {
      padding: 7px 15px;
      overflow-x: auto;
      margin:0px -15px;

      .keyword-row {
        white-space: nowrap;
        margin-bottom: 15px;
        .keyword {
          background-color: white;
          font-size: 14px;
          padding:7px 10px;
          box-shadow: 0px 0px 6px #00000029;
          border-radius: 50px;
          cursor: pointer;
          white-space: nowrap;
  
          &:last-child {
            margin-right : 0px;
          }
  
          &:hover {
            background-color:#bb3029;
            color:white;
          }
        }
  
        .active {
          color:white;
          background-color: #bb3029;
        }
      }
      .keyword {
        background-color: white;
        font-size: 14px;
        padding:5px 10px;
        box-shadow: 0px 0px 6px #00000029;
        border-radius: 50px;
        cursor: pointer;
        margin-right:10px;
        margin-bottom: 10px;
        white-space: nowrap;

        &:last-child {
          margin-right : 0px;
        }

        &:hover {
          background-color:#bb3029;
          color:white;
        }
      }

      .active {
        color:white;
        background-color: #bb3029;
      }
    }

    .product-slider {
      .product-box {
        width: calc(1145px / 6);
        padding: 5px;

        .product-content-box {
          background-color: white;
          padding-bottom: 10px;

          .product-content-main-img {
            width: 100%;
            aspect-ratio: 1 / 1;
            background-color: white;
            margin-bottom: -7px;
            position: relative; // ⬅️ 이 줄 추가 필수!

            img {
              width: 100%;
            }

            .icon-overlay {
              position: absolute;
              top: 5px;
              right: 5px;
              width: 40px;
              height: auto;
              background-color: transparent;
            }
          }

          .product-content-title {
            font-size: 15px;
            text-align: center;
            padding-top:17px;
            height:86px;
            padding-left: 10px;
            padding-right: 10px;


            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }

          .product-content-price {
            font-size: 19px;
            font-weight: 700;
            text-align: center;

            span {
              text-decoration: line-through;
              font-size: 14px;
              color:#848484;
              padding-left:5px;
            }
          }

          .review {
            text-align: center;
            font-size:13px;
            justify-content: center;
            .rating {
              padding:0px 7px;

              i {
                color:#FFD800;
              }
            }
            .comment {
              padding:0px 7px;

              i {
                color:#848484;
              }
            }
          }

          button {
            width:95%;
            background-color: white;
            text-align: center;
            color:black;
            padding:5px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 1px 3px #00000029;
            opacity: 1;
            border:1px solid #b0b0b0;
            border-radius: 5px;
            font-size:15px;
            cursor: pointer;
            display: block;
            margin: auto;

            &:hover {
              background-color: #FCCEAD;
              border-color: #FCCEAD;
              color:#bb3029;
            }
          }

          .product-soldout {
            text-align: center;
            padding-top:5px;
            color:#cd181f;
          }
        }
      }
    }

    .product-scroll-list {
      overflow-x: auto;
      padding-bottom: 10px;
      margin: 0px -15px;

      .article-box {
        width:150px;
        padding:5px;
        margin-right: 5px;

        .article-content-box {
          width:150px;

          .article-content-main-img {
            width:100%;
            aspect-ratio: 1 / 1;

            img {
              width:150px;
              height:150px;
            }
          }

          .product-content-title {
            font-size: 13px;
            text-align: center;
            padding-top:17px;
            height:66px;
            padding-left: 10px;
            padding-right: 10px;

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }
        }
      }

      .product-box {
        width: 150px;
        padding: 5px;
        margin-right:5px;

        .product-content-box {
          background-color: white;
          padding-bottom: 10px;
          width:150px;

          .product-content-main-img {
            width:100%;
            aspect-ratio: 1 / 1;
            background-color: white;
            margin-bottom: -7px;
            position: relative; // ⬅️ 이 줄 추가 필수!

            img {
              width:150px;
              height:150px;
            }
            .icon-overlay {
              position: absolute;
              top: 5px;
              right: 5px;
              width: 40px;
              height: auto;
              background-color: transparent;
            }
          }

          .product-content-title {
            font-size: 13px;
            text-align: center;
            padding-top:17px;
            height:66px;
            padding-left: 10px;
            padding-right: 10px;

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }

          .product-content-price {
            font-size: 16px;
            font-weight: 700;
            text-align: center;

            span {
              text-decoration: line-through;
              font-size: 10px;
              color:#848484;
              padding-left:5px;
            }
          }

          .review {
            text-align: center;
            font-size:10px;
            justify-content: center;

            .rating {
              padding:0px 7px;

              i {
                color:#FFD800;
              }
            }
            .comment {
              padding:0px 7px;

              i {
                color:#848484;
              }
            }
          }

          button {
            width:100%;
            background-color: white;
            text-align: center;
            color:black;
            padding:5px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 1px 3px #00000029;
            opacity: 1;
            border:1px solid #00000029;
            border-radius: 5px;
            font-size:12px;
            cursor: pointer;

            &:hover {
              background-color: #FCCEAD;
              border-color: #FCCEAD;
              color:#bb3029;
            }
          }

          .product-soldout {
            color:#cd181f;
          }
        }
      }
    }

    .today-deal-desc {
      padding:10px 0px;
      .today-deal-desc-subtitle {
        font: normal normal normal 20px/30px Poppins;
      }
      .today-deal-desc-title {
        font-size:27px;
        font-weight: 700;
        padding-bottom: 30px;
        line-height: 1;
      }
      .today-deal-desc-time {
        font-size:32px;
        line-height: 1;
        padding-bottom:10px;
        display: flex;
        align-items: center;
        color: #bb3029;
        font-weight: bold;
        i {
          font-size: 38px;
          margin-right:10px;
        }
      }
      .today-deal-desc-qty {
        font-weight: 700;
        font-size: 24px;
        padding-bottom:20px;
      }
      .today-deal-desc-button {
        width:205px;
        text-align: center;
        padding: 7px;
        background-color:#bb3029;
        border-radius: 5px;
        box-shadow:0px 2px 6px #00000029;
        cursor:pointer;
        font-size: 17px;
        color:#ffffff;

        &:hover {
          background-color: #FCCEAD;
          border-color: #FCCEAD;
          color:#bb3029;
        }
      }
    }

    .today-deal-desc-mob {
      padding:15px;

      .today-deal-desc-subtitle {
        font: normal normal normal 15px Poppins;
      }
      .today-deal-desc-second-row {
        .today-deal-desc-title {
          font-size:22px;
          font-weight: 700;
          padding-bottom: 20px;
          line-height: 1;
        }
      }

      .today-deal-desc-time {
        font-size:30px;
        line-height: 1;
        font-weight: 700;
        display: flex;
        align-items: center;
        color: #bb3029;
        font-weight: bold;
        i {
          font-size: 18px;
          margin-right:5px;
        }
        a {
          margin-left: auto;

          .btnTodayDeal {
            background-color: #bb3029;
            color: white;
            text-align: right;
            padding: 5px 20px;
            font-size: 16px;
            border: 2px solid #bb3029;
            border-radius: 7px;
          }
        }
      }
      .today-deal-desc-qty {
        font-weight: 700;
        font-size: 18px;
      }
    }

    .today-deal-list {
      overflow-x:auto;
      padding-bottom:5px;

      .product-box {
        width: calc(1145px / 6);
        padding: 5px;

        .product-content-box {
          background-color: white;
          padding-bottom: 10px;
          padding-left: 5px;
          padding-right: 5px;

          .product-content-main-img {
            width:100%;
            aspect-ratio: 1 / 1;
            position: relative;
            background-color: white;
            margin-bottom: -7px;

            .schedule {
              position: absolute;
              background-color: rgba(252,206,173,0.5);
              text-align: center;
              width:100%;
              height:100%;
              font-size:15px;
              font-weight: 700;
              padding-top:calc(50% - 10px);
            }

            img {
              width:100%;
            }
          }

          .product-content-title {
            font-size: 15px;
            text-align: center;
            padding-top:17px;
            height:86px;
            padding-left: 10px;
            padding-right: 10px;


            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }

          .product-content-price {
            font-size: 19px;
            font-weight: 700;
            text-align: center;

            span {
              text-decoration: line-through;
              font-size: 14px;
              color:#848484;
              padding-left:5px;
            }
          }

          .review {
            text-align: center;
            font-size:13px;
            justify-content: center;

            .rating {
              padding:0px 7px;

              i {
                color:#FFD800;
              }
            }
            .comment {
              padding:0px 7px;

              i {
                color:#848484;
              }
            }
          }

          .text-date {
            text-align: center;
            font-weight: 700;
            padding-top: 6px;
          }

          .btnCart {
            color:black;
            width:100%;
            background-color: white;
            text-align: center;
            padding:5px;
            box-shadow: 0px 2px 6px #00000029;
            border:1px solid #ECECEC;
            border-radius: 5px;
            font-size:15px;
            cursor: pointer;

            &:hover {
              background-color: #FCCEAD;
              border-color: #FCCEAD;
              color:#bb3029;
            }
          }

          .product-soldout {
            width:100%;
            background-color: white;
            text-align: center;
            padding:5px;
            box-shadow: 0px 2px 6px #00000029;
            border:1px solid #ECECEC;
            border-radius: 5px;
            font-size:15px;
            cursor: pointer;
            color:#cd181f;
          }

          .product-date {
            text-align: center;
            padding:5px;
            font-weight: normal;
            color: #5D5D5D;
            font-size: 16px;
          }
        }
      }
    }

  }
}
.categories-section{
  background: white;
  .index-categories-list {
    display: flex !important;
    overflow-x: auto;

    .categories-content-img{
      flex: 1;
      width: calc(100% / var(--item-count));
      margin-right: 40px;
      text-align: center;
      font-size: 18px;
    }
    .categories-content-img:last-child {
      margin-right: 0px;
    }
  }
}
.index-blog-list{
  display: flex;
  overflow-x: auto;
  margin-top: 5px;

  .article-content-img{
    flex: 0 0 auto;
    width: 157px;
    height: 157px;
    margin-right: 6px;
    text-align: center;
    font-size: 18px;

    .article-img{
      height: 100%;
    }
  }
}

.slider {
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom: 10px !important;
}

.today-deal-section {
  background-color: #FFFBDF;

  .container {
    margin:0 auto;
  }
}

.beauty-section {
  background-color: #FFF8EC;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.baby-section {
  background-color: #F0FFEF;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.gift-section {
  background-color: #FFFBDF;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.body-section {
  background-color: #FFF8EC;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.blog-section {
  .article-box {
    img {
      aspect-ratio:1;
    }
    .article-content-title {
      font-size: 13px;
      text-align: center;
      padding-top:10px;
      min-height:69px;

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
  }
}
.section-banner {
  padding-top: 0px;
  padding-bottom: 0px;

  .container {
    margin:0 auto;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    .banner-img{
      width: 100% !important;
    }
  }
}

.brands-section {

  .owl-nav {
    top: calc(50% - 30px) !important;
  }

  .brands-content-main-img {
    width:150px;
    height:150px;
    background-color: white;
    position:relative;
    padding:5px;

    img {
      width: calc(100% - 10px);
      position:absolute;
      top:50%;
      transform:translate(0, -50%);
    }
  }
}
.footer-section{
  margin-top: -17px;
}

// .index-keyword-section,
// .bestseller-section,
// .beauty-section,
// .vitamin-section,
// .mineral-section,
// .baby-section,
// .diet-section,
// .condition-section,
// .gift-section,
// .new-section,
// .life-section,
// .body-section,
// .hide-begin,{
//   display: none;
// }
.sub-banner {
  cursor: pointer;
}

@media @small {
  .index-block{
    background: #F6F6F6;
  }
  .slider {
    margin-top: 93px;
    padding:0px !important;
    .owl-nav {
      .owl-next,
      .owl-prev {
        font-size: 40px !important;

        i {
          margin: 0 7px !important;
        }
      }
    }
  }


  section {
    background: white;
    padding: 20px 15px 17px 15px !important;

    .container {
      padding: 0px !important;
      .product-list-container {
        overflow-x: auto;
      }
      .product-content-main-img{
        margin-bottom: 0px !important;
      }
      .product-content-title{
        padding-top: 10px !important;
      }
    }
  }
  .categories-section{
    
    .index-categories-list{
      display: none!important;
    }
    .index-categories-list-mob{
      display: flex!important;
      flex-wrap: wrap;
      .categories-content-img{
        font-size: 14px;
        text-align: center;
        flex-basis: calc(33.33% - 10px);
        margin: 5px;
      }
    }
  }
  .today-deal-list {
    .product-content-title{
      font-size: 13px !important;
    }
    .review{
      font-size: 10px !important;
    }
    .product-content-price{
      font-size: 16px !important;
    }
    .btnCart{
      font-size: 12px !important;
    }
    .product-date{
      font-size: 12px !important;
    }
  }
  .section-banner{
    padding: 0px !important;
  }

  .today-deal-section,
  .beauty-section,
  .baby-section,
  .gift-section,
  .body-section,
  .blog-section,
  .brands-section {
    padding-top:30px;
    padding-bottom:30px;
  }

  .sub-banner {
    .container {
      padding:0px;
    }
  }
}@small: ~"(max-width: 699px)";

section {
  padding-top:30px;
  padding-bottom:30px;
  margin-bottom: 10px;
  background-color: #F8F6F5;

  .container {
    color:#030303;

    .index-subtitle {
      padding-bottom:7px;

      .keyword-list {
        margin-bottom: 0px;
        margin-top: 0px;
        
        .keyword {
          font-size: 16px;
          padding: 6px 16px;
          font-family: 'Roboto', sans-serif;
          font-weight: 400;
        }
  
      }
      .index-subtitle-title {
        font-size: 30px;
        font-weight: 700;
        position: relative;
        font-family: 'Poppins', sans-serif; 
        display: flex;
        justify-content: space-between;
        align-items: center;

        a {
          background-color: #bb3029;
          color: white;
          text-align: right;
          padding: 5px 20px;
          font-size: 16px;
          border: 2px solid #bb3029;
          border-radius: 7px;
        }
      }
      .index-subtitle-desc {
        font-size: 20px;
        text-align: center;
        display: none;
      }
    }

    .index-subtitle-mob {

      .index-subtitle-title {
        font-family: 'Poppins', sans-serif;
        font-size: 22px;
        font-weight: 700;
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;

        a {
          background-color: #bb3029;
          color: white;
          text-align: right;
          padding: 5px 20px;
          font-size: 16px;
          border: 2px solid #bb3029;
          border-radius: 7px;
        }
      }
      .index-subtitle-desc {
        font-size: 12px;
        display: none;
      }
    }

    .loading-img {
        margin-left: calc(50% - 64px);
        margin-top:10px;
    }

    .keyword-list {
      text-align: left;
      margin-bottom: 7px;
      padding-left: 15px;

      .keyword {
        background-color: white;
        font-size: 17px;
        padding: 6px 16px;
        box-shadow: 0px 0px 6px #00000029;
        border-radius: 50px;
        cursor: pointer;
        margin-right:10px;
        margin-bottom: 10px;
        display: inline-block;

        &:last-child {
          margin-right : 0px;
        }

        &:hover {
          background-color:#bb3029;
          color:white;
        }
      }

      .active {
        color:white;
        background-color: #bb3029;
      }
    }

    .keyword-list-mob {
      padding: 7px 15px;
      overflow-x: auto;
      margin:0px -15px;

      .keyword-row {
        white-space: nowrap;
        margin-bottom: 15px;
        .keyword {
          background-color: white;
          font-size: 14px;
          padding:7px 10px;
          box-shadow: 0px 0px 6px #00000029;
          border-radius: 50px;
          cursor: pointer;
          white-space: nowrap;
  
          &:last-child {
            margin-right : 0px;
          }
  
          &:hover {
            background-color:#bb3029;
            color:white;
          }
        }
  
        .active {
          color:white;
          background-color: #bb3029;
        }
      }
      .keyword {
        background-color: white;
        font-size: 14px;
        padding:5px 10px;
        box-shadow: 0px 0px 6px #00000029;
        border-radius: 50px;
        cursor: pointer;
        margin-right:10px;
        margin-bottom: 10px;
        white-space: nowrap;

        &:last-child {
          margin-right : 0px;
        }

        &:hover {
          background-color:#bb3029;
          color:white;
        }
      }

      .active {
        color:white;
        background-color: #bb3029;
      }
    }

    .product-slider {
      .product-box {
        width: calc(1145px / 6);
        padding: 5px;

        .product-content-box {
          background-color: white;
          padding-bottom: 10px;

          .product-content-main-img {
            width:100%;
            aspect-ratio: 1 / 1;
            background-color: white;
            margin-bottom: -7px;
            position: relative; // ⬅️ 이 줄 추가 필수!

            img {
              width:100%;
            }
            .icon-overlay {
              position: absolute;
              top: 5px;
              right: 5px;
              width: 40px;
              height: auto;
              background-color: transparent;
            }
          }

          .product-content-title {
            font-size: 15px;
            text-align: center;
            padding-top:17px;
            height:86px;
            padding-left: 10px;
            padding-right: 10px;


            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }

          .product-content-price {
            font-size: 19px;
            font-weight: 700;
            text-align: center;

            span {
              text-decoration: line-through;
              font-size: 14px;
              color:#848484;
              padding-left:5px;
            }
          }

          .review {
            text-align: center;
            font-size:13px;
            justify-content: center;
            .rating {
              padding:0px 7px;

              i {
                color:#FFD800;
              }
            }
            .comment {
              padding:0px 7px;

              i {
                color:#848484;
              }
            }
          }

          button {
            width:95%;
            background-color: white;
            text-align: center;
            color:black;
            padding:5px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 1px 3px #00000029;
            opacity: 1;
            border:1px solid #b0b0b0;
            border-radius: 5px;
            font-size:15px;
            cursor: pointer;
            display: block;
            margin: auto;

            &:hover {
              background-color: #FCCEAD;
              border-color: #FCCEAD;
              color:#bb3029;
            }
          }

          .product-soldout {
            text-align: center;
            padding-top:5px;
            color:#cd181f;
          }
        }
      }
    }

    .product-scroll-list {
      overflow-x: auto;
      padding-bottom: 10px;
      margin: 0px -15px;

      .article-box {
        width:150px;
        padding:5px;
        margin-right: 5px;

        .article-content-box {
          width:150px;

          .article-content-main-img {
            width:100%;
            aspect-ratio: 1 / 1;

            img {
              width:150px;
              height:150px;
            }
          }

          .product-content-title {
            font-size: 13px;
            text-align: center;
            padding-top:17px;
            height:66px;
            padding-left: 10px;
            padding-right: 10px;

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }
        }
      }

      .product-box {
        width: 150px;
        padding: 5px;
        margin-right:5px;

        .product-content-box {
          background-color: white;
          padding-bottom: 10px;
          width:150px;

          .product-content-main-img {
            width:100%;
            aspect-ratio: 1 / 1;
            background-color: white;
            margin-bottom: -7px;
            position: relative; // ⬅️ 이 줄 추가 필수!

            img {
              width:150px;
              height:150px;
            }
            .icon-overlay {
              position: absolute;
              top: 5px;
              right: 5px;
              width: 40px;
              height: auto;
              background-color: transparent;
            }
          }

          .product-content-title {
            font-size: 13px;
            text-align: center;
            padding-top:17px;
            height:66px;
            padding-left: 10px;
            padding-right: 10px;

            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }

          .product-content-price {
            font-size: 16px;
            font-weight: 700;
            text-align: center;

            span {
              text-decoration: line-through;
              font-size: 10px;
              color:#848484;
              padding-left:5px;
            }
          }

          .review {
            text-align: center;
            font-size:10px;
            justify-content: center;

            .rating {
              padding:0px 7px;

              i {
                color:#FFD800;
              }
            }
            .comment {
              padding:0px 7px;

              i {
                color:#848484;
              }
            }
          }

          button {
            width:100%;
            background-color: white;
            text-align: center;
            color:black;
            padding:5px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 0px 1px 3px #00000029;
            opacity: 1;
            border:1px solid #00000029;
            border-radius: 5px;
            font-size:12px;
            cursor: pointer;

            &:hover {
              background-color: #FCCEAD;
              border-color: #FCCEAD;
              color:#bb3029;
            }
          }

          .product-soldout {
            color:#cd181f;
          }
        }
      }
    }

    .today-deal-desc {
      padding:10px 0px;
      .today-deal-desc-subtitle {
        font: normal normal normal 20px/30px Poppins;
      }
      .today-deal-desc-title {
        font-size:27px;
        font-weight: 700;
        padding-bottom: 30px;
        line-height: 1;
      }
      .today-deal-desc-time {
        font-size:32px;
        line-height: 1;
        padding-bottom:10px;
        display: flex;
        align-items: center;
        color: #bb3029;
        font-weight: bold;
        i {
          font-size: 38px;
          margin-right:10px;
        }
      }
      .today-deal-desc-qty {
        font-weight: 700;
        font-size: 24px;
        padding-bottom:20px;
      }
      .today-deal-desc-button {
        width:205px;
        text-align: center;
        padding: 7px;
        background-color:#bb3029;
        border-radius: 5px;
        box-shadow:0px 2px 6px #00000029;
        cursor:pointer;
        font-size: 17px;
        color:#ffffff;

        &:hover {
          background-color: #FCCEAD;
          border-color: #FCCEAD;
          color:#bb3029;
        }
      }
    }

    .today-deal-desc-mob {
      padding:15px;

      .today-deal-desc-subtitle {
        font: normal normal normal 15px Poppins;
      }
      .today-deal-desc-second-row {
        .today-deal-desc-title {
          font-size:22px;
          font-weight: 700;
          padding-bottom: 20px;
          line-height: 1;
        }
      }

      .today-deal-desc-time {
        font-size:30px;
        line-height: 1;
        font-weight: 700;
        display: flex;
        align-items: center;
        color: #bb3029;
        font-weight: bold;
        i {
          font-size: 18px;
          margin-right:5px;
        }
        a {
          margin-left: auto;

          .btnTodayDeal {
            background-color: #bb3029;
            color: white;
            text-align: right;
            padding: 5px 20px;
            font-size: 16px;
            border: 2px solid #bb3029;
            border-radius: 7px;
          }
        }
      }
      .today-deal-desc-qty {
        font-weight: 700;
        font-size: 18px;
      }
    }

    .today-deal-list {
      overflow-x:auto;
      padding-bottom:5px;

      .product-box {
        width: calc(1145px / 6);
        padding: 5px;

        .product-content-box {
          background-color: white;
          padding-bottom: 10px;
          padding-left: 5px;
          padding-right: 5px;

          .product-content-main-img {
            width:100%;
            aspect-ratio: 1 / 1;
            position: relative;
            background-color: white;
            margin-bottom: -7px;

            .schedule {
              position: absolute;
              background-color: rgba(252,206,173,0.5);
              text-align: center;
              width:100%;
              height:100%;
              font-size:15px;
              font-weight: 700;
              padding-top:calc(50% - 10px);
            }

            img {
              width:100%;
            }
          }

          .product-content-title {
            font-size: 15px;
            text-align: center;
            padding-top:17px;
            height:86px;
            padding-left: 10px;
            padding-right: 10px;


            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
          }

          .product-content-price {
            font-size: 19px;
            font-weight: 700;
            text-align: center;

            span {
              text-decoration: line-through;
              font-size: 14px;
              color:#848484;
              padding-left:5px;
            }
          }

          .review {
            text-align: center;
            font-size:13px;
            justify-content: center;

            .rating {
              padding:0px 7px;

              i {
                color:#FFD800;
              }
            }
            .comment {
              padding:0px 7px;

              i {
                color:#848484;
              }
            }
          }

          .text-date {
            text-align: center;
            font-weight: 700;
            padding-top: 6px;
          }

          .btnCart {
            color:black;
            width:100%;
            background-color: white;
            text-align: center;
            padding:5px;
            box-shadow: 0px 2px 6px #00000029;
            border:1px solid #ECECEC;
            border-radius: 5px;
            font-size:15px;
            cursor: pointer;

            &:hover {
              background-color: #FCCEAD;
              border-color: #FCCEAD;
              color:#bb3029;
            }
          }

          .product-soldout {
            width:100%;
            background-color: white;
            text-align: center;
            padding:5px;
            box-shadow: 0px 2px 6px #00000029;
            border:1px solid #ECECEC;
            border-radius: 5px;
            font-size:15px;
            cursor: pointer;
            color:#cd181f;
          }

          .product-date {
            text-align: center;
            padding:5px;
            font-weight: normal;
            color: #5D5D5D;
            font-size: 16px;
          }
        }
      }
    }

  }
}
.categories-section{
  background: white;
  .index-categories-list {
    display: flex !important;
    overflow-x: auto;

    .categories-content-img{
      flex: 1;
      width: calc(100% / var(--item-count));
      margin-right: 40px;
      text-align: center;
      font-size: 18px;
    }
    .categories-content-img:last-child {
      margin-right: 0px;
    }
  }
}
.index-blog-list{
  display: flex;
  overflow-x: auto;
  margin-top: 5px;

  .article-content-img{
    flex: 0 0 auto;
    width: 157px;
    height: 157px;
    margin-right: 6px;
    text-align: center;
    font-size: 18px;

    .article-img{
      height: 100%;
    }
  }
}

.slider {
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom: 10px !important;
}

.today-deal-section {
  background-color: #FFFBDF;

  .container {
    margin:0 auto;
  }
}

.beauty-section {
  background-color: #FFF8EC;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.baby-section {
  background-color: #F0FFEF;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.gift-section {
  background-color: #FFFBDF;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.body-section {
  background-color: #FFF8EC;
  margin-top:20px;

  .index-subtitle-mob {
    padding-top:0px !important;
  }
}

.blog-section {
  .article-box {
    img {
      aspect-ratio:1;
    }
    .article-content-title {
      font-size: 15px;
      margin-right: 6px !important;
      text-align: center;
      padding-top:10px;
      min-height:69px;

      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
    a:hover {
      color:black !important;
      text-decoration: underline;
    }
  }
}
.section-banner {
  padding-top: 0px;
  padding-bottom: 0px;

  .container {
    margin:0 auto;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    .banner-img{
      width: 100% !important;
    }
  }
}

.brands-section {

  .owl-nav {
    top: calc(50% - 30px) !important;
  }

  .brands-content-main-img {
    width:150px;
    height:150px;
    background-color: white;
    position:relative;
    padding:5px;

    img {
      width: calc(100% - 10px);
      position:absolute;
      top:50%;
      transform:translate(0, -50%);
    }
  }
}
.footer-section{
  margin-top: -17px;
}

// .index-keyword-section,
// .bestseller-section,
// .beauty-section,
// .vitamin-section,
// .mineral-section,
// .baby-section,
// .diet-section,
// .condition-section,
// .gift-section,
// .new-section,
// .life-section,
// .body-section,
// .hide-begin,{
//   display: none;
// }
.sub-banner {
  cursor: pointer;
}

@media @small {
  .index-block{
    background: #F6F6F6;
  }
  .slider {
    margin-top: 170px;
    .owl-nav {
      .owl-next,
      .owl-prev {
        font-size: 40px !important;

        i {
          margin: 0 7px !important;
        }
      }
    }
  }


  section {
    background: white;
    padding: 20px 15px 17px 15px !important;

    .container {
      padding: 0px !important;
      .product-list-container {
        overflow-x: auto;
      }
      .product-content-main-img{
        margin-bottom: 0px !important;
      }
      .product-content-title{
        padding-top: 10px !important;
      }
    }
  }
  .slider{
    margin-top: 162px;
    padding:0px !important;
  }
  .categories-section{
    
    .index-categories-list{
      display: none!important;
    }
    .index-categories-list-mob{
      display: flex!important;
      flex-wrap: wrap;
      .categories-content-img{
        font-size: 14px;
        text-align: center;
        flex-basis: calc(33.33% - 10px);
        margin: 5px;
      }
    }
  }
  .today-deal-list {
    .product-content-title{
      font-size: 13px !important;
    }
    .review{
      font-size: 10px !important;
    }
    .product-content-price{
      font-size: 16px !important;
    }
    .btnCart{
      font-size: 12px !important;
    }
    .product-date{
      font-size: 12px !important;
    }
  }
  .section-banner{
    padding: 0px !important;
  }

  .today-deal-section,
  .beauty-section,
  .baby-section,
  .gift-section,
  .body-section,
  .blog-section,
  .brands-section {
    padding-top:30px;
    padding-bottom:30px;
  }

  .sub-banner {
    .container {
      padding:0px;
    }
  }
}