.compare__header {
    gap: 1.5rem;
    flex-wrap: nowrap;
}

.bx_compare {
	height: 360px;
    justify-content: center;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    font-size: 2rem;
    font-weight: bold;
}

.compare__btn.btn.--border-4 {
    box-shadow: inset 0rem 0rem 0rem 0.125rem #8f688e52;
    color: var(--color__fill-2);
    font-weight: 600;
    font-size: 1.125rem;
}

.compare__tab-btn {
    background-color: var(--color__fill-4);
    border-radius: .75rem;
    height: 3rem;
    color: #13132aa3;
    gap: .375rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: all ease .24s;
}

.compare__tab-btn:hover {
    background-color: var(--color__fill-4-h);
}

.compare__tab-btn:active {
    transform: scale(.95);
    background-color: var(--color__fill-4-a);
}

.compare__tab-btn.is-active {
    background-color: var(--color__white);
    color: var(--color__dark);
}

.compare__tab-btn.is-active:hover {
    background-color: var(--color__gray-2);
}

.compare__tabs .tabs__btns {
    gap: .75rem;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    scrollbar-color: transparent;
    scrollbar-width: none;
    -ms-overflow-style: none;
    filter: drop-shadow(0px 8px 28px rgba(0, 0, 0, 0.08));
}

.compare__tabs .tabs__btns::-webkit-scrollbar {
    opacity: 0;
    width: 0;
    height: 0px;
}

.compare__carousel .swiper-container {
    width: 100%;
    overflow: hidden;
    filter: drop-shadow(0px 8px 28px rgba(0, 0, 0, 0.08));
}

.compare__carousel .swiper-button-prev,
.compare__carousel .swiper-button-next {
    width: 4.5rem;
    height: 4.5rem;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -2.25rem;
    z-index: 2;
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, .16);
    transition: all ease .24s;
    outline: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 1.125rem;
}

.compare__carousel .swiper-button-prev {
    left: 0;
    transform: translateX(-50%);
}

.compare__carousel .swiper-button-next {
    right: 0;
    transform: translateX(50%);
}

.compare__carousel .catalog-item {
    z-index: 0 !important;
    border-bottom-right-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
}

.compare__carousel .catalog-item::after {
    display: none;
}

.compare__carousel .catalog-item:hover .catalog-item__hidden {
    visibility: hidden;
}

.compare__carousel .catalog-item__marker {
    color: var(--color__fill-2) !important;
    box-shadow: inset 0rem 0rem 0rem 0.0625rem rgba(143, 104, 142, 0.56) !important;
}

.compare__carousel .catalog-item__like {
    display: none !important;
}

.compare__slide-delete {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 8;
    cursor: pointer;
    padding: 0.5rem;
    transition: all ease .24s;
    color: #13132a4c
}

.compare__slide-delete:hover {
    color: var(--color__fill-2);
}

.compare__slide-delete:active {
    color: var(--color__fill-2-a);
    /* transform: scale(.95); */
}

.compare__subtitle {
    margin: 0;
}

.compare__properties {
    border-top: .0625rem solid hsla(240, 37%, 12%, 0.12);
    padding-top: 2.875rem;
}

.compare__table-wrap {
    align-items: stretch;
}

.compare__psevdo-table {
    width: 25%;
    position: relative;
    overflow: hidden;
}

.compare__tr {
    min-height: 5rem;
    color: #13132aa3;
    padding: 1rem .5rem;
    width: 100%;
    flex-grow: 2;
}

.compare__tr b {
    color: var(--color__dark);
    font-weight: 600;
}

.compare__tr:nth-child(2n-1) {
    background-color: var(--color__gray-1);
}

.compare__tr:hover {
    background-color: var(--color__gray-2);
}

.compare__thumbs-swiper {
    width: 75%;
    overflow: hidden;
}

.compare__thumbs-swiper .compare__psevdo-table {
    width: 100%;
    height: 100%;
}

.compare__thumbs-swiper .swiper-container {
    height: 100%;
}

.compare__table-name {
    font-weight: 700;
}

@media screen and (max-width: 1199px) {
    .compare__header {
        flex-wrap: wrap;
    }

    .compare__header-column.col.--9 {
        max-width: 100% !important;
    }

    .compare__header-column .tabs__blocks {
        padding: 0 2.25rem;
    }
}

@media screen and (max-width: 991px) {
    .compare__header {
        flex-wrap: wrap;
    }

    .compare__title.h2 {
        font-size: 2rem;
        line-height: 2.61538rem;
    }

    .compare__subtitle {
        font-size: 1.076rem;
        line-height: 1.33rem;
        margin-left: 1.84rem !important;
        margin-top: .46rem !important;
    }

    .compare__header-column .tabs__blocks {
        padding: 0;
    }

    .compare__carousel .swiper-container,
    .compare__tabs .tabs__btns,
    .compare__table-wrap {
        width: calc(100% + 2rem);
        margin-left: -1rem !important;
        margin-right: -1rem !important;
        padding: 0 1rem !important;
    }

    .compare__carousel .swiper-container,
    .compare__table-wrap {
        overflow: hidden;
    }

    .compare__table-name.h4 {
        font-size: 1.84615rem;
        line-height: 2.46154rem;
        margin: 0 !important;
    }

    .compare__thumbs-swiper {
        width: 100%;
        overflow: visible;
    }

    .compare__tr {
        font-size: 1.07692rem;
        line-height: 1.53846rem;
        padding: .6rem .3rem;
        min-height: 4.61538rem;
        flex-direction: column;
        align-items: flex-start;
        gap: .3rem;
    }

    .compare__btn.btn.--border-4 {
        font-size: 1.23077rem;
        line-height: 1.84615rem;

    }

}

@media screen and (max-width: 640px) {
    .compare__header-column {
        max-width: 100% !important;
    }

    .compare__btn.btn.--border-4 {
        width: 100%;
    }

    .compare__thumbs-swiper {
        flex-grow: 1;
    }
}

@media screen and (max-width: 550px) {
    .bx_compare {
        font-size: 1rem;
    }
}