.products-tabs-wrapper {
   .tns-controls {
      button {
         top: 45%;

         &:first-child {
            left: -30px;
         }

         &:last-child {
            right: -30px;
         }
      }
   }

   .products-tabs-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 40px;
   }

   .products-nav-link {
      @include underline-never;

      margin: 0 16px;
      padding-bottom: 10px;
      position: relative;

      &::after {
         content: "";
         position: absolute;
         border-bottom: 1px solid $black;
         left: 50%;
         width: 0;
         bottom: 0;
         opacity: 0;
         transform: translateX(-50%);
         transition: all $transition-speed;
      }

      @include haf {
         color: $black;

         &::after {
            width: 100%;
            opacity: 1;
         }
      }

      &.active {
         pointer-events: none;

         &::after {
            width: 100%;
            opacity: 1;
         }
      }
   }

   .products-tab-pane {
      display: none;

      &.active {
         display: block;
      }
   }

   @media screen and (max-width: $lg - 1) {
      .products-carousel-wrapper {
         overflow: hidden;
         margin: 0 -20px;
         padding: 20px;
      }
   }

   @media screen and (max-width: $md - 1) {
      .products-carousel-wrapper {
         overflow: hidden;
         margin: 0 -10px;
         padding: 10px;
      }

      .products-tabs-nav {
         margin-bottom: 10px;
      }
   }

   @media screen and (max-width: $sm - 1) {
      margin-top: 40px;

      .products-nav-link {
         font-size: 18px;
      }
   }

   @media screen and (max-width: $xs - 1) {
      .products-nav-link {
         margin: 0 8px;
         padding-bottom: 6px;
      }

      .uptitle {
         font-size: 13px;
      }
   }

   @media screen and (max-width: 340px) {
      .products-nav-link {
         margin: 0 6px;
         font-size: $font-size-base;
      }

      .uptitle {
         font-size: 12px;
      }
   }
}
