.main {
  .content-wrapper {
    max-width: 1200px;
    padding: 0 24px 32px;
    margin: 0 auto;

    .tabs-wrapper {
      margin-bottom: 40px;

      .tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
        gap: 16px;
        list-style-type: none;

        @media screen and (max-width: 960px) {
          gap: 8px;
        }

        @media screen and (max-width: 540px) {
          gap: 4px;
        }

        .tab-item {
          padding: 4px 8px;
          border-radius: 4px;
          cursor: pointer;

          &:hover {
            background-color: var(--secondary-custom-color);
            color: var(--primary-custom-color);
          }

          .tab-item-text {
            font-size: 16px;
            font-weight: 500;
            font-family: 'Anticva Regular';

            @media screen and (max-width: 960px) {
              font-size: 16px;
            }

            @media screen and (max-width: 540px) {
              font-size: 16px;
            }
          }

          &.active {
            .tab-item-text {
              opacity: 0.7;
            }
          }
        }
      }
    }

    .layout-types-wrapper {
      display: none;
      padding: 16px 0;

      @media screen and (max-width: 540px) {
        display: block;
      }
    }

    .catalog {
      width: 100%;
    }
  }
}