.niccos-product-tabs {
  .niccos-product-tabs__head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    .head-buttons {
      display: flex;
      gap: 48px;
      flex-wrap: wrap;

      .head-button {
        cursor: pointer;
        font-weight: 400;
      }

      .head-button.active {
        font-weight: 700;
      }
    }

    .head-link {
      text-decoration: underline;
      text-underline-offset: 8px;

      @media screen and (max-width: 767px) {
        display: none;
      }
    }
  }

  .scroll-container {
    overflow-x: visible;
  }

  .niccos-product-tabs__blocks {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;

    &:active {
      cursor: grabbing;
    }

    .product-list {
      display: none;

      &.active {
        display: flex;
        flex-wrap: nowrap;
        gap: 22px;
        margin-top: 40px;
        width: fit-content;
        padding-inline: var(--page-padding);

        @media screen and (max-width: 767px) {
          margin-top: 28px;
          gap: 16px;
        }
      }

      .card {
        flex: 1;
        min-width: 470px;

        @media screen and (max-width: 767px) {
          min-width: 358px;
        }

        @media screen and (max-width: 500px) {
          min-width: 80vw;

          .product-card-style-card {
            width: 100%;
          }
        }

        .product-card__info {
          gap: 0;
        }

        .product-card__type {
          color: #2e2e2e;
          margin-bottom: 6px;

          @media screen and (max-width: 767px) {
            margin-bottom: 2px;
          }
        }

        .f-price {
          margin-top: 14px;

          @media screen and (max-width: 767px) {
            margin-top: 12px;
          }

          .f-price__sale {
            gap: 26px;
          }
        }
      }
    }
  }
}