.sectionHeading {
  margin: 0 0 24px; }
  .sectionHeading h3 {
    font-size: 30px;
    margin: 0 0 4px; }
  .sectionHeading p {
    margin: 0 0 6px;
    font-weight: 700; }

.home-btn {
  font-weight: 700;
  text-decoration: underline; }
  .home-btn svg {
    margin-left: 8px; }

.sectionHeading-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 24px; }
  .sectionHeading-flex .sectionHeading {
    padding-right: 54px;
    margin: 0; }

#homepage-slider .d-flex-slick:not(.slick-initialized) .slider-item {
  flex: 0 0 100%;
  max-width: 100%; }
  @media (min-width: 992px) {
    #homepage-slider .d-flex-slick:not(.slick-initialized) .slider-item {
      flex: 0 0 100%;
      max-width: 100%; } }

#homepage-slider .d-flex-slick .slick-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9; }

#homepage-slider .slider-item {
  position: relative; }
  #homepage-slider .slider-item .slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 15px;
    background: linear-gradient(0deg, rgba(0, 1, 2, 0.35) 0%, rgba(0, 1, 2, 0) 100%); }
    @media (min-width: 992px) {
      #homepage-slider .slider-item .slide-content {
        padding: 180px 136px 40px; } }
    #homepage-slider .slider-item .slide-content h2 {
      margin: 0 0 4px;
      font-size: 30px;
      color: #fff; }
    #homepage-slider .slider-item .slide-content p {
      margin: 0 0 24px;
      color: #fff; }
    #homepage-slider .slider-item .slide-content .slider-btn {
      background-color: #fff;
      color: #000; }
      #homepage-slider .slider-item .slide-content .slider-btn svg path {
        stroke: #000; }

.section-home-video {
  padding-top: 20px; }
  .section-home-video .sectionHeading p {
    font-weight: 500; }
  .section-home-video .home-video-item {
    position: relative;
    display: flex;
    border-radius: 4px;
    overflow: hidden; }
    .section-home-video .home-video-item video {
      border-radius: 4px;
      overflow: hidden;
      width: 100%;
      height: auto; }
    .section-home-video .home-video-item .home-video-icon {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 180px 40px 40px 40px;
      background: linear-gradient(0deg, rgba(0, 1, 2, 0.35) 0%, rgba(0, 1, 2, 0) 100%);
      display: flex;
      justify-content: space-between; }
      .section-home-video .home-video-item .home-video-icon span {
        cursor: pointer; }
      .section-home-video .home-video-item .home-video-icon .home-video-btn {
        background-color: #fff;
        color: #000; }

.section-home-collection .sectionHeading p {
  font-weight: 500; }

.section-home-collection .d-flex-slick:not(.slick-initialized) .home-collection-item {
  flex: 0 0 calc(100%/1.5);
  max-width: calc(100%/1.5); }
  @media (min-width: 992px) {
    .section-home-collection .d-flex-slick:not(.slick-initialized) .home-collection-item {
      flex: 0 0 calc(100%/4);
      max-width: calc(100%/4); } }

#section-home-coupon {
  background-color: #FEF4F2; }
  #section-home-coupon .d-flex-slick:not(.slick-initialized) .coupon-item {
    flex: 0 0 100%;
    max-width: 100%; }
    @media (min-width: 992px) {
      #section-home-coupon .d-flex-slick:not(.slick-initialized) .coupon-item {
        flex: 0 0 calc(100%/3);
        max-width: calc(100%/3); } }
  #section-home-coupon .sectionHeading h3 {
    margin: 0 0 32px; }
  #section-home-coupon .home-coupon-button-slider {
    display: flex;
    gap: 8px; }
  #section-home-coupon .slick-arrow {
    border-radius: 1px;
    border: 1px solid var(--shop-color-main);
    background: var(--shop-color-main);
    width: 44px;
    height: 44px;
    opacity: 1;
    outline: none;
    box-shadow: none; }
    #section-home-coupon .slick-arrow svg path {
      stroke: #fff; }
    #section-home-coupon .slick-arrow.slick-disabled {
      background: transparent; }
      #section-home-coupon .slick-arrow.slick-disabled svg path {
        stroke: #6B7280; }
    #section-home-coupon .slick-arrow.slick-next {
      right: 0; }

#section-flash-sale {
  background-color: #F68873; }
  #section-flash-sale .d-flex-slick:not(.slick-initialized) .home-collection-item {
    flex: 0 0 calc(100%/1.5);
    max-width: calc(100%/1.5); }
    @media (min-width: 992px) {
      #section-flash-sale .d-flex-slick:not(.slick-initialized) .home-collection-item {
        flex: 0 0 calc(100%/4);
        max-width: calc(100%/4); } }
  #section-flash-sale .heading-flash-sale {
    margin-bottom: 28px; }
    #section-flash-sale .heading-flash-sale .heading-flash-sale-title {
      display: flex;
      gap: 20px;
      align-items: center;
      flex: 1; }
      #section-flash-sale .heading-flash-sale .heading-flash-sale-title .title-section .lazyload-bg {
        background: var(--bg-img-flashsale) no-repeat center;
        background-size: cover;
        width: 236.747px;
        height: 70px;
        aspect-ratio: 236.75/70.00;
        display: block; }
      #section-flash-sale .heading-flash-sale .heading-flash-sale-title .countdown-deal-flex .countdown-deal {
        display: flex;
        gap: 8px; }
        #section-flash-sale .heading-flash-sale .heading-flash-sale-title .countdown-deal-flex .countdown-deal li {
          display: flex;
          flex-direction: column;
          width: 40px;
          height: 40px;
          line-height: 40px;
          background-color: #fff;
          border-radius: 1px;
          text-align: center; }
          #section-flash-sale .heading-flash-sale .heading-flash-sale-title .countdown-deal-flex .countdown-deal li strong {
            font-size: 18px; }
          #section-flash-sale .heading-flash-sale .heading-flash-sale-title .countdown-deal-flex .countdown-deal li span {
            display: none; }
    #section-flash-sale .heading-flash-sale .flash-sale-btn .button {
      background-color: #fff;
      color: #000; }

.section-home-banner {
  padding-top: 24px; }

.section-home-collection-2 {
  padding-top: 20px; }

.section-home-collection-hot .list-collection:not(.slick-initialized) .home-collection-item {
  flex: 0 0 calc(100%/1);
  max-width: calc(100%/1); }
  @media (min-width: 992px) {
    .section-home-collection-hot .list-collection:not(.slick-initialized) .home-collection-item {
      flex: 0 0 calc(100%/3);
      max-width: calc(100%/3); } }

@media (min-width: 992px) {
  .section-home-collection-hot .list-collection .slick-slide {
    opacity: .5;
    transform: scale(0.5);
    transition: transform 1s ease-out; }
    .section-home-collection-hot .list-collection .slick-slide.slick-current.slick-center {
      opacity: 1;
      transform: scale(1); } }

.section-home-category {
  background-color: #FEF4F2; }
  .section-home-category .d-flex-slick:not(.slick-initialized) .home-item-category {
    flex: 0 0 calc(100%/1.5);
    max-width: calc(100%/1.5); }
    @media (min-width: 992px) {
      .section-home-category .d-flex-slick:not(.slick-initialized) .home-item-category {
        flex: 0 0 calc(100%/4);
        max-width: calc(100%/4); } }
  .section-home-category .sectionHeading h3 {
    color: #EC6147; }
  .section-home-category .item-category {
    position: relative; }
    .section-home-category .item-category .media-category img {
      border-radius: 1px; }
    .section-home-category .item-category .title-category {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(0deg, rgba(0, 1, 2, 0.4) 0%, rgba(0, 1, 2, 0) 100%);
      padding: 100px 10px 10px 10px; }
      .section-home-category .item-category .title-category h4 {
        font-size: 18px;
        font-weight: 700; }
        .section-home-category .item-category .title-category h4 a {
          color: #fff; }

.section-home-category2 {
  background-color: #fff; }
  .section-home-category2 .d-flex-slick:not(.slick-initialized) .home-item-category {
    flex: 0 0 calc(100%/1.5);
    max-width: calc(100%/1.5); }
    @media (min-width: 992px) {
      .section-home-category2 .d-flex-slick:not(.slick-initialized) .home-item-category {
        flex: 0 0 calc(100%/3);
        max-width: calc(100%/3); } }
  .section-home-category2 .sectionHeading h3 {
    color: var(--shop-color-title); }

.section-home-category3 {
  background-color: transparent; }
  .section-home-category3 .d-flex-slick:not(.slick-initialized) .home-item-category {
    flex: 0 0 calc(100%/1.5);
    max-width: calc(100%/1.5); }
    @media (min-width: 992px) {
      .section-home-category3 .d-flex-slick:not(.slick-initialized) .home-item-category {
        flex: 0 0 calc(100%/2);
        max-width: calc(100%/2); } }
  .section-home-category3 .sectionHeading h3 {
    color: var(--shop-color-title); }

.section-home-intro {
  background-color: #fff; }
  .section-home-intro .sectionHeading h3 {
    margin: 0 0 12px; }
  .section-home-intro .sectionHeading p.home-desc {
    margin: 0 0 24px;
    font-weight: 500; }

.section-home-policy .item-policy .wrapper-media {
  padding: 32px;
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; }
  .section-home-policy .item-policy .wrapper-media .media-policy {
    margin-bottom: 8px; }
    .section-home-policy .item-policy .wrapper-media .media-policy img {
      width: 48px;
      height: 48px;
      object-fit: contain; }
  .section-home-policy .item-policy .wrapper-media .info-policy h4 {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 700; }
    .section-home-policy .item-policy .wrapper-media .info-policy h4 a {
      color: #000102; }
  .section-home-policy .item-policy .wrapper-media .info-policy p {
    margin: 0;
    color: #374151; }

.section-home-policy .item-policy:nth-child(1) .wrapper-media {
  background-color: #F3FAFF; }

.section-home-policy .item-policy:nth-child(2) .wrapper-media {
  background-color: #F3FBEB; }

.section-home-policy .item-policy.item-policy-3 .wrapper-media {
  position: relative;
  padding: 0; }
  .section-home-policy .item-policy.item-policy-3 .wrapper-media .media-policy {
    margin-bottom: 0; }
    .section-home-policy .item-policy.item-policy-3 .wrapper-media .media-policy img {
      width: 100%;
      height: 350px;
      object-fit: cover; }
  .section-home-policy .item-policy.item-policy-3 .wrapper-media .info-policy {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 2px;
    background: linear-gradient(0deg, rgba(0, 1, 2, 0.6) 0%, rgba(0, 1, 2, 0) 100%);
    padding: 40px 16px 16px 16px; }
    .section-home-policy .item-policy.item-policy-3 .wrapper-media .info-policy h4 a, .section-home-policy .item-policy.item-policy-3 .wrapper-media .info-policy p {
      color: #fff; }
    .section-home-policy .item-policy.item-policy-3 .wrapper-media .info-policy .button {
      background-color: #fff;
      color: #000;
      margin-top: 12px; }

.section-home-blog .d-flex-slick:not(.slick-initialized) .home-blog-item {
  flex: 0 0 calc(100%/1.5);
  max-width: calc(100%/1.5); }
  @media (min-width: 992px) {
    .section-home-blog .d-flex-slick:not(.slick-initialized) .home-blog-item {
      flex: 0 0 calc(100%/4);
      max-width: calc(100%/4); } }

/* RESPONSIVE */
@media (max-width: 991px) {
  .sectionHeading h3 {
    font-size: 20px;
    line-height: 26px; }
  .sectionHeading p {
    font-size: 13px;
    color: #374151; }
  .sectionHeading-flex .sectionHeading {
    padding-right: 10px; }
  .home-btn {
    display: flex;
    align-items: center;
    white-space: nowrap; }
    .home-btn svg {
      width: 20px;
      height: 20px; }
  #homepage-slider .slider-item .slide-content {
    padding-top: 186px;
    padding-bottom: 16px; }
    #homepage-slider .slider-item .slide-content h2 {
      font-size: 20px; }
    #homepage-slider .slider-item .slide-content p {
      margin: 0 0 16px; }
    #homepage-slider .slider-item .slide-content .slider-btn {
      width: 100%; }
      #homepage-slider .slider-item .slide-content .slider-btn svg {
        display: none; }
  .section-home-video .home-video-item video {
    aspect-ratio: 2/3;
    object-fit: cover; }
  .section-home-video .home-video-item .home-video-icon {
    flex-wrap: wrap;
    padding: 180px 16px 16px 16px;
    gap: 14px; }
  .section-home-collection.pd-top-48 {
    padding-top: 16px; }
  .section-home-collection .slick-callback .slick-dots {
    display: none !important; }
  .section-home-collection.section-home-collection-hot {
    background: #000; }
    .section-home-collection.section-home-collection-hot.pd-bottom-48 {
      padding-bottom: 16px; }
    .section-home-collection.section-home-collection-hot .sectionHeading h3, .section-home-collection.section-home-collection-hot .home-collection-see {
      color: #fff; }
    .section-home-collection.section-home-collection-hot .home-collection-see svg path {
      stroke: #fff; }
    .section-home-collection.section-home-collection-hot .container-fluid {
      position: relative; }
    .section-home-collection.section-home-collection-hot .sectionContent {
      padding: 0 36px; }
    .section-home-collection.section-home-collection-hot .slick-callback {
      padding-bottom: 0;
      position: initial; }
      .section-home-collection.section-home-collection-hot .slick-callback .slick-arrow {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%); }
        .section-home-collection.section-home-collection-hot .slick-callback .slick-arrow.slick-prev {
          right: auto;
          left: 15PX; }
        .section-home-collection.section-home-collection-hot .slick-callback .slick-arrow.slick-next {
          right: 15px;
          left: auto; }
  #section-home-coupon.pd-bottom-48 {
    padding-bottom: 20px; }
  #section-home-coupon.pd-top-48 {
    padding-top: 20px; }
  #section-home-coupon .sectionHeading {
    margin: 0; }
    #section-home-coupon .sectionHeading h3 {
      margin: 0; }
  #section-flash-sale .product-loop .product-inner .proloop-image .product--image .lazy-img {
    padding-bottom: 90%; }
  #section-flash-sale.pd-bottom-48 {
    padding-bottom: 16px; }
  #section-flash-sale.pd-top-48 {
    padding-top: 24px; }
  #section-flash-sale .heading-flash-sale .heading-flash-sale-title {
    justify-content: center; }
    #section-flash-sale .heading-flash-sale .heading-flash-sale-title .title-section .lazyload-bg {
      width: 162px;
      height: 48px;
      aspect-ratio: 162/48; }
    #section-flash-sale .heading-flash-sale .heading-flash-sale-title .countdown-deal-flex .countdown-deal li strong {
      font-size: 15px; }
  #section-flash-sale .flash-sale-btn .button {
    background-color: #fff;
    color: var(--shop-color-text);
    margin-top: 15px; }
  .section-home-category .sectionHeading-flex {
    align-items: start; }
  .section-home-category .slick-callback .slick-dots {
    display: none !important; }
  .section-home-category .item-category .title-category h4 {
    font-size: 13px; }
  .section-home-intro {
    padding: 40px 0; }
    .section-home-intro .sectionHeading {
      text-align: center; }
      .section-home-intro .sectionHeading p.home-desc {
        white-space: initial;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box; }
    .section-home-intro .home-btn {
      justify-content: center; }
  .section-home-policy .item-policy-flex {
    display: flex;
    gap: 16px;
    align-items: center;
    margin: 16px 0; }
  .section-home-policy .item-policy .wrapper-media {
    padding: 16px 0px 16px 10px;
    flex-direction: row;
    height: auto;
    gap: 8px;
    align-items: center; }
    .section-home-policy .item-policy .wrapper-media .media-policy img {
      width: 32px;
      height: 32px; }
    .section-home-policy .item-policy .wrapper-media .info-policy h4 {
      font-size: 14px; }
    .section-home-policy .item-policy .wrapper-media .info-policy p {
      font-size: 13px; }
    .section-home-policy .item-policy .wrapper-media .info-policy .info-btn {
      width: 100%; }
      .section-home-policy .item-policy .wrapper-media .info-policy .info-btn svg {
        display: none; }
  .section-home-policy .item-policy:nth-child(3) {
    padding-top: 16px; }
  .section-home-policy .item-policy.item-policy-3 .wrapper-media .media-policy img {
    height: 100%; }
  .section-home-blog .slick-callback .slick-dots {
    display: none !important; } }