.container--tab-product {

  width: 100%;
  padding: 0 40px;


  @media (min-width:1920px) {
    padding: 0 360px;
  }



  .listContainer--m3-tab-list-product {
    justify-content: space-around;
    border-bottom: 1px solid $color-gray10;
    margin-bottom: 32px;

    @media (max-width:1024px) {
      margin-top: 16px;
      flex-direction: column;
    }



    .listItem {
      margin: 0;
      padding: 0;

      :global(.vtex-button) {

        :global(.vtex-button__label) {
          font-family: $font-family;
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 38px;

          display: flex;
          align-items: center;
          text-align: center;

          color: $color-gray8;
          text-transform: capitalize;

          @media (max-width:1024px) {
            padding-left: 0;
          }
        }
      }
    }

    .listItem--m3-tab-list-item-product {
      background: $color-white;
      border: none !important;
      width: 114px;

    }

    .listItemActive--m3-tab-list-item-product,
    .listItemActive {
      background: $color-white;
      border: none !important;


      :global(.vtex-button) {
        background-color: $color-white;
        border: none;
        border-bottom: 2px solid $color-black;
        border-radius: 0;
        position: relative;
        top: 2px;



        @media (max-width:1024px) {
          border-bottom: 0;
          top: 0;
        }

        :global(.vtex-button__label) {
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 38px;

          color: $color-black;

          @media (max-width:1024px) {
            padding-left: 0;
          }


        }
      }
    }


  }
}

.contentContainer {
  padding: 0 32px;

  @media (max-width:1024px) {
    padding: 0;
  }
}