/* Start:/local/templates/fashion/components/bitrix/catalog/main/style.css?17434093481339*/
.catalog__list {
	width: 100%;
}
.catalog__content .bx-filter {
	padding: 0;
}
.show-filter {
	display: none
}
.section-stock a {
	width: 100%;
	display: block;
	margin-bottom: 50px;
}
.section-stock img {
	width: 100%;
	object-fit: cover;
}
.catalog-left-menu {
	width: 275px;
	margin-right: 55px;
	flex-shrink: 0;
	position: relative;
}
.filter-and-catalog-list {
	width: 100%;
}
.show-filter-btn {
	width: 100%;
	height: 42px;
	display: none;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	background: var(--secondary_color);
	transition: .3s ease;
}
.show-filter-btn:hover {
	background: #dfdfdf;
}
.catalog__filter-container .close-btn {
	display: none;
	background: var(--secondary_color);
}
@media (max-width: 1350px) {
	.catalog-left-menu {
		display: none;
	}
}
@media (max-width: 576px) {
	.section-stock a {
		margin-bottom: 20px;
	}
	.show-filter-btn {
		display: flex;
	}
	.catalog__filter-container {
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		padding: 60px 20px 20px 20px;
		z-index: 2000;
		width: 100%;
		height: 100%;
		opacity: 0;
		transform: translateY(-100%);
		overflow-x: hidden;
		overflow-y: auto;
		transition: .5s ease;
	}
	.catalog__filter-container.active {
		transform: translateY(0);
		opacity: 1;
	}
	.catalog__filter-container .close-btn {
		display: block;
	}
}
/* End */


/* Start:/bitrix/components/krayt/catalog.compare.result.fashion/templates/fashion/style.css?173919741713670*/
.head .control {
    display: block;
    width: 100%;
    background-color: #fff;
    margin-bottom: 60px;
    border-bottom: 1px solid var(--border);
}

.catalog-compare-result .head .item-list {
    user-select: none;
    width: 420px;
    margin: 0 20px 0 60px;
    height: 100%;
}

.catalog-compare-result:last-child .head .item-list {
    margin: 0 60px 0 20px;
}


/* property-list */
.catalog-compare-result .property-list {
    margin: 0 0 20px;
    overflow: hidden;
}

.catalog-compare-result .property-list .clear {
    overflow: hidden;
}

.catalog-compare-result .property-list .property-name {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    color: var(--main_font_color);
    font-weight: 600;
    padding: 5px 0 10px;
}

.catalog-compare-result .property-list .property-name p {
    /*padding: 0 10px;*/
}

.catalog-compare-result .property-list .property-value {
    float: left;
    position: relative;
    border-bottom: 1px solid #cacaca;
    width: 100%;
}

.catalog-compare-result {
    position: relative;
}

.compare_page .picture {
    display: block;
    width: 100%;
    height: 100%;
    margin-bottom: 12px;
    position: relative;
}

.compare_page .compare-item-img-slide {
    position: absolute;
    z-index: 8;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s ease;
}

.compare_page .picture .compare-item-img-slide.active {
    opacity: 1;
}

.compare_page .picture a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.desc .price {
    font-size: 20px;
    line-height: 19px;
    position: relative;
    text-align: center;
    color: var(--main-txt);
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.product-item-label-ring-compare {
    display: inline-block;
    background: #E15757;
    border-radius: 3px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    transition: all 250ms ease;
    position: absolute;
    padding: 3px 6px 3px 3px;
    height: 22px;
    font-size: 12px;
    line-height: 15px;
    z-index: 0;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.product-item-label-ring-compare:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #E15757;
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    border-radius: 3px;
    z-index: -1;
}

.desc .price span.current_price {
    line-height: 1;
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
}

.desc .price span.old_price {
    text-decoration: line-through;
    font-size: 14px;
    color: var(--secondary-txt);
    font-weight: 400;
}

.slide-item .close-btn {
    background: #fff;
    top: 20px;
}

.slide-item input.close {
    text-indent: -9999px;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    min-width: 20px;
    padding: 0;
    position: relative;
    z-index: 100;
    outline: none;
    cursor: pointer;
}

.slide-item .mdi-close .hint {
    width: 200px;
    top: 30px;
    right: -15px;
}

.catalog-compare-result .property-list h2 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid rgba(202, 202, 202, 0.5);
    padding-bottom: 7px;
}

.compare-del-btn a {
    position: relative;
    z-index: 100;
    color: #222;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
    overflow: hidden;
    display: table;
    background-color: #cacaca;
    color: #fff;
    border-radius: 2px;
}

.compare-del-btn a:hover {
    background-color: #c2c2c2;
}

.compare-del-btn a:active {
    background-color: #afafaf;
}

.compare-switch-link span, .compare-switch-link a {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    margin-right: 10px;
    color: var(--main_link_color);

}

.compare-switch-link span {
    color: #fff;
    background: var(--main_color) !important;
}

.compare-switch-link a.active {
    cursor: pointer;
    color: #1e1e1e;
    opacity: .7;
    cursor: pointer;
    padding: 4px 6px;
    font-size: 13px;
}

.compare-switch-link a.active:hover, .compare-switch-link a.active:focus {
    opacity: 1;
}

.compare-switch-link a.active:active {
    color: var(--main_color_active);
}

.catalog-compare-filter-title {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--main-txt);
}

.catalog-compare-filter span {
    line-height: 1.1;
}

.item-list .mSlider-wrap .mSlider-window li .picture {
    display: block;
    position: relative;
    height: 131px;
    overflow: hidden;
    max-width: 151px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.product-list .product .image, .item-list .mSlider-wrap .mSlider-window li .picture a {
    display: block;
    width: 100%;
    height: 100%;
    background-origin: content-box;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    line-height: 200px;
    text-align: center;
}

.head.clear h1 {
    margin-bottom: 30px;
}

.slide-item .desc {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.current_price i,
.old_price i {
    margin-left: 5px;
}

.form-check {
    padding-left: 0px !important;
}

.form-check-input {
    display: none;
}

.form-check .form-check-input:checked + .form-check-label .check svg polyline {
    stroke-dashoffset: 0;
}

.form-check .check svg {
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: visible;
    width: 18px;
    height: 18px;
}

.form-check .check {
    position: relative;
    top: -1px;
    float: left;
    margin-right: 8px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--main_color);
}

.form-check .check svg path {
    fill: none;
    stroke: var(--main-txt);
    stroke-width: 2;
    stroke-dasharray: 71px;
    stroke-dashoffset: 71px;
}

.form-check .check svg polyline {
    fill: none;
    stroke: var(--main-txt);
    stroke-width: 2;
    stroke-dasharray: 18px;
    stroke-dashoffset: 18px;
}

.catalog-compare-filter .form-check .form-check-label {
    cursor: pointer;
    font-size: 14px;
    color: var(--main-txt);
    display: flex;
    align-items: center;
}

.compare_page .fixed-background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 258px;
    background: #fff;
    z-index: 200;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
    opacity: 0;
    pointer-events: none;
    padding-top: 20px;
    transition: all .2s ease;
    display: flex;
    justify-content: center;
}

.compare_page .fixed-background .fixed-slider {
    overflow: hidden;
    position: relative;
    padding: 0 18px;
    margin: 0 -18px;
}

.compare_page .fixed-background .fixed-slider .swiper-button-prev, .compare_page .fixed-background .fixed-slider .swiper-button-next {
    top: 92px;
}

.compare_page .fixed-background .slide-wrap {
    height: auto;
    margin-bottom: 0;
}

.compare_page .fixed-background.show {
    opacity: 1;
    pointer-events: unset;
}

.compare_page .slide-wrap {
    position: relative;
    height: 100%;
}

.compare_page .slide-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.compare_page .desc .link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    max-width: 70%;
    flex-shrink: 0;
}
.compare_page .desc .link.product-section {
    flex-shrink: 1;
    font-weight: 400;
}
.compare_page .desc .product-title {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.compare_page .desc .product-title span {
    margin: 0 5px;
}

.compare_page .compare_item_form {
    overflow: hidden;
    position: relative;
    height: 700px;
}

.comapre_buttons a + a {
    margin-left: 10px;
}

.compare-tabs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.compare-tabs a {
    display: block;
    padding: 11px 19px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--main-txt);
    margin: 0 10px 10px 0;
    transition: .3s ease;
}

.compare-tabs a:hover {
    color: var(--main-txt);
    background: var(--secondary_color);
}

.compare-tabs a:hover:active {
    color: var(--main-txt);
    background: #dfdfdf;
}

.compare-tabs a.current {
    pointer-events: none;
    color: var(--theme-txt);
    background: var(--theme-color);
}

.compare-tabs a.current.disabled {
    opacity: 0.5;
}

.catalog-compare-filter .comapre_buttons {
    display: inline-flex;
    margin-top: 20px;
    padding-top: 20px;
}

.catalog-compare-result .item-list .swiper-wrapper {
    flex-direction: column;
}

.compare-sliders {
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-compare-result .swiper-button-prev {
    left: 0;
    top: 50%;
    transform: translateY(-60px) rotate(90deg);
    border: none;
    padding-right: 10px;
    width: 50px;
}

.catalog-compare-result .swiper-button-next {
    left: 0;
    top: 50%;
    transform: translateY(20px) rotate(90deg);
    border: none;
    padding-left: 10px;
    width: 50px;
}

.catalog-compare-result .swiper-button-disabled {
    opacity: .2;
}

.catalog-compare-result:last-child .swiper-button-prev {
    left: unset;
    right: 0;
}

.catalog-compare-result:last-child .swiper-button-next {
    left: unset;
    right: 0;
}

.compare-item-img-dots {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    display: flex;
    align-items: flex-end;
    padding: 0 12px;
}

.compare-item-img-dot {
    height: 2px;
    margin-left: 4px;
    width: 100%;
    background: var(--secondary_color);
    transition: .3s ease;
}

.compare-item-img-dot:first-child {
    margin-left: 0;
}

.compare-item-img-dot.active {
    background: var(--main_color);
}

.big-text {
    font-size: 24px;
    text-align: center;
    font-weight: 400;
}

.compare-item-img-btn-prev,
.compare-item-img-btn-next {
    position: absolute;
    z-index: 10;
    bottom: 12px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: var(--light_color);
    border: 1px solid var(--main_color);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s ease;
}

.compare-item-img-btn-prev {
    right: 70px;
}

.compare-item-img-btn-prev svg,
.compare-item-img-btn-next svg {
    transition: .3s ease;
}

.compare-item-img-btn-next:hover svg {
    transform: translateX(20%);
}

.compare-item-img-btn-prev:hover svg {
    transform: translateX(-20%);
}

.compare-item-img-btn-next:hover:active svg {
    transform: translateX(40%);
}

.compare-item-img-btn-prev:hover:active svg {
    transform: translateX(-40%);
}

.compare-item-img-btn-disabled {
    opacity: .4;
}

.compare-item-img-btn-disabled svg {
    transform: none !important;
}
.catalog-compare-result .fast_view {
    position: absolute;
    z-index: 20;
    top: 80px;
    right: 14px;
    cursor: pointer;
}
.catalog-compare-result .fast_view svg {
    width: 22px;
    height: 22px;
}
.catalog-compare-result .fast_view svg circle,
.catalog-compare-result .fast_view svg line {
    transition: .3s ease;
}
.catalog-compare-result .fast_view:hover svg circle,
.catalog-compare-result .fast_view:hover svg line {
    stroke: #7A7A7A;
}

.product-detail-info-top .add-to-compare {
    display: none;
}
.product-detail-info-top .product-icon-action {
    width: 54px !important;
}
.product-detail-info-top .add-wishlist {
    margin-bottom: 1px;
}

@media (max-width: 1350px) {
    .catalog-compare-result .head .item-list {
        width: 360px;
    }

    .compare_page .compare_item_form {
        height: 630px;
    }
}

@media (max-width: 992px) {
    .catalog-compare-result .head .item-list {
        width: 280px;
    }

    .compare_page .compare_item_form {
        height: 500px;
    }
}

@media (max-width: 768px) {
    .compare-sliders {
        flex-direction: column;
    }

    .catalog-compare-result .head .item-list {
        margin: 0 60px 0 0 !important;
    }

    .catalog-compare-result .swiper-button-next,
    .catalog-compare-result .swiper-button-prev {
        left: unset !important;
        right: 0;
    }

    .catalog-compare-result:nth-child(2) {
        margin-top: 40px;
    }

    .catalog-compare-result .head .item-list {
        width: 360px;
    }

    .compare_page .compare_item_form {
        height: 630px;
    }
}

@media (max-width: 576px) {
    .catalog-compare-result .head .item-list {
        width: 75vw;
    }

    .compare_page .compare_item_form {
        height: 120vw;
    }
}
/* End */
/* /local/templates/fashion/components/bitrix/catalog/main/style.css?17434093481339 */
/* /bitrix/components/krayt/catalog.compare.result.fashion/templates/fashion/style.css?173919741713670 */