

/* Start:/bitrix/templates/mosoboi_ad/components/bitrix/catalog/elastic_search/style.css?16765393401784*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

.main-catalog-wrapper .main-catalog-wrap {
	float: none;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 915px;
}

@media screen and (max-width: 1200px) {
	.main-catalog-wrapper .main-catalog-wrap {
		width: 672px;
	}
}

@media screen and (max-width: 991px) {
	.main-catalog-wrapper .main-catalog-wrap {
		width: 469px;
	}
}

.main-catalog-wrapper {
	width: 1170px;
}

#breadcrumb .breadcrumb_items,
#breadcrumb #h1-pages {
	width: 918px;
	margin: 0 0 0 auto;
}

.breadcrumb_items {
	font-size: 13px;
}

.main-catalog-wrapper .wrap-catalog-items .catalog-section {
	margin: 0;
}

#breadcrumb .breadcrumb_items, #breadcrumb #h1-pages {
	width: 903px;
}

/* End */


/* Start:/local/components/uw/elastic_filter/templates/catalog/style.css?177214142711304*/
.catalog-filter {
    border: 1px solid #e2e2e2;
    font-size: 14px;
    margin-bottom: 20px;
}

.filter-property {
    border-bottom: 1px solid #e2e2e2;
    cursor: pointer;
}

.filter-property:last-child {
    border-bottom: none;
}

.filter-property__values {
    padding: 10px 15px 15px;
    display: none;
}

.filter-property.open .filter-property__values {
    display: block;
}

.filter-property__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.filter-property__head.is-checked {
    background: #eee;
}

.filter-property__head::after {
    content: url('data:image/svg+xml;base64,PHN2ZyAKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMTQ0LCA4NywgMTQ2KSIKICAgIGQ9Ik0xMS45OTksNi45OTkgTDYuOTk5LDYuOTk5IEw2Ljk5OSwxMS45OTkgTDQuOTk5LDExLjk5OSBMNC45OTksNi45OTkgTDAuMCw2Ljk5OSBMMC4wLDQuOTk5IEw0Ljk5OSw0Ljk5OSBMNC45OTksMC4wIEw2Ljk5OSwwLjAgTDYuOTk5LDQuOTk5IEwxMS45OTksNC45OTkgTDExLjk5OSw2Ljk5OSBaIi8+Cjwvc3ZnPg==');
    display: block;
}

.filter-property.open .filter-property__head::after {
    content: url('data:image/svg+xml;base64,PHN2ZyAKICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgd2lkdGg9IjEycHgiIGhlaWdodD0iMnB4Ij4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgIGZpbGw9InJnYigxNDQsIDg3LCAxNDYpIgogICAgZD0iTTAuMCwwLjAgTDExLjk5OSwwLjAgTDExLjk5OSwxLjk5OSBMMC4wLDEuOTk5IEwwLjAsMC4wIFoiLz4KPC9zdmc+');
    display: block;
}

.filter-property.price-property .filter-property__head::after {
    display: none;
}

.filter-property__name {
    font-weight: bold;
    text-transform: uppercase;
}

.filter-property__value label {
    font-weight: normal;
}

.filter-property__price-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.filter-property.price-property input {
    display: block;
    width: 100%;
    border: none;
    background: #eeeeee;
}

.filter-property.price-property label {
    display: flex;
    border: 1px solid #dbd5d7;
    border-radius: 25px;
    background: #eeeeee;
    padding: 5px 10px 5px 20px;
    height: 37px;
    align-items: center;
    margin: 0;
    font-weight: normal;
    gap: 5px;
}

.filter-property__value {
    position: relative;
}

.filter-property__value.disabled {
    color: #777;
}

.filter-popup {
    position: absolute;
    left: 100%;
    z-index: 10;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    align-items: center;
}

.filter-popup > div {
    height: 36px;
    background: #a25695;
    border: 2px solid #fff;
    border-left: none;
    box-sizing: content-box;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    gap: 10px;
}

.filter-popup::before {
    content: '';
    border-right: 15px solid #a25695;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

.filter-popup span {
    text-decoration: underline;
    cursor: pointer;
}

.filter__reset-btn {
    width: 170px;
    height: 40px;
    color: #ab76ae;
    border: 1px solid #ab76ae;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
}

.filter__reset-btn:focus,
.filter__reset-btn:visited {
    color: #ab76ae;
    text-decoration: none;
}

.filter__reset-btn:hover {
    color: #fff;
    background: #ab76ae;
    text-decoration: none;
}

.filter__footer {
    display: flex;
    justify-content: center;
    padding: 10px 0 20px;
}

.catalog-preloader {
    background: rgba(255, 255, 255, 0.4) url('/local/components/uw/elastic_filter/templates/catalog/images/preloader.gif') no-repeat center center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}

/*.color-property label {*/
/*    display: block;*/
/*    position: relative;*/
/*    padding-left: 35px;*/
/*    margin-bottom: 12px;*/
/*    cursor: pointer;*/
/*    font-size: 22px;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*}*/

.color-property input {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/*.color-property .checkmark {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 25px;*/
/*    width: 25px;*/
/*    background-color: #eee;*/
/*}*/

/*!* On mouse-over, add a grey background color *!*/
/*.color-property label:hover input ~ .checkmark {*/
/*    background-color: #ccc;*/
/*}*/

/*!* When the checkbox is checked, add a blue background *!*/
/*.color-property label input:checked ~ .checkmark {*/
/*    background-color: #2196F3;*/
/*}*/

/*!* Create the checkmark/indicator (hidden when not checked) *!*/
/*.color-property label .checkmark:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    display: none;*/
/*}*/

/*!* Show the checkmark when checked *!*/
/*.color-property label input:checked ~ .checkmark:after {*/
/*    display: block;*/
/*}*/

/*!* Style the checkmark/indicator *!*/
/*.color-property label .checkmark:after {*/
/*    left: 9px;*/
/*    top: 5px;*/
/*    width: 5px;*/
/*    height: 10px;*/
/*    border: solid white;*/
/*    border-width: 0 3px 3px 0;*/
/*    -webkit-transform: rotate(45deg);*/
/*    -ms-transform: rotate(45deg);*/
/*    transform: rotate(45deg);*/
/*}*/


.filter-property__group,
.filter-property__main-values {
    display: flex;
    margin-bottom: 3px;
    flex-wrap: wrap;
}

.filter-property__all-values {
    display: none;
}

.filter-property__values.show-all .filter-property__all-values {
    display: block;
}

.filter-property__values.show-all .filter-property__main-values {
    display: none;
}

.color-property .filter-property__value {
    width: 28px;
    height: 28px;
    margin-right: 3px;
}

.color-img {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
}

.color-img img {
    width: 100%;
    height: 100%;
    object-fit: none;
}

.color-img.is-parent img {
    object-fit: cover;
}

.color-property label {
    cursor: pointer;
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.color-property label input:checked ~ .color-img {
    border: 3px solid #fff;
    box-shadow: 0 0 0 1px #a6a6a6;
}

.color-property label .color-img::after {
    content: "";
    position: absolute;
    display: none;
}

.color-property label input:checked ~ .color-img::after {
    display: block;
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.color-property .disabled label .color-img::after {
    content: "x";
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-property [data-role="property-value-text"] {
    display: none;
}

.filter-show-more {
    text-align: center;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
    margin-top: 5px;
    width: 100%;
}

.filter-property[data-code="width"].open .filter-property__values {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}

.filter-property[data-code="width"] .filter-property__value label {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
}

.catalog-filter-title {
    display: none;
    height: 40px;
    background: #905793;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
}

.filter-close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 20px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.popular-prices  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 5px;
    margin-top: 10px
}

.popular-prices__item {
    height: 37px;
    border-radius: 25px;
    border: 1px solid #e2e2e2;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
}

.popular-prices__item:hover,
.popular-prices__item.active {
    background: #905793;
    border-color: #905793;
    color: #fff;
}

.filter-property__value input[type="checkbox"] {
    opacity: 0;
    height: 0;
    width: 0;
    display: none;
}

.custom-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    background-color: #f4f4f4;
    position: relative;
    min-height: 16px;
    vertical-align: top;
}

.filter-property__value input:checked ~ .custom-checkbox {
    border-color: #905793;
}

.custom-checkbox::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 7px;
    left: 2px;
    top: 1px;
    border: 2px solid transparent;
    border-left-color: #905793;
    border-bottom-color: #905793;
    transform: rotate(-45deg);
    display: none;
}

.filter-property__value input:checked ~ .custom-checkbox::before {
    display: block;
}

.color-property .show-priority-colors:not(.show-all) .filter-property__value:not(.main-color) {
    display: none;
}

.color-property .filter-property__values.show-priority-colors:not(.show-all) {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 767px) {
    .filter {
        display: none;
    }

    .filter.open {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 1001;
        background: #fff;
        display: block;
    }

    .filter.open .catalog-filter-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .filter-popup {
        position: fixed;
        bottom: 40px;
        width: 100%;
        height: 74px;
        color: #7e7e7e;
        border: 3px solid #ab76ad;
        text-align: center;
        background-color: #fff;
        top: unset;
        transform: unset;
        left: 0;
        font-size: 13px;
    }

    .filter-popup > div {
        background: none;
        color: #7e7e7e;
        border: none;
        flex-direction: column;
        height: auto;
        gap: 5px;
        width: 100%;
        align-items: center;
    }

    .filter-popup::before {
        display: none;
    }

    .filter-popup span {
        width: 138px;
        height: 25px;
        border-radius: 3px;
        background: #905792;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

    .filter__reset-btn {
        position: fixed;
        left: 0;
        bottom: 0;
        background: #f3f3f3;
        width: 100%;
        border: none;
        border-radius: 0;
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.36)
    }

    .catalog-filter {
        padding-bottom: 80px;
    }
}
/* End */


/* Start:/bitrix/templates/mosoboi_ad/components/bitrix/catalog.section.list/collections_v2/style.css?17772783343352*/
/*.js-is-catalog {*/
/*	width: 100%;*/
/*}*/

.collections {
	display: flex;
	margin: 0 -15px;
	overflow: hidden;
}

.collections-container {
	padding-left: 30px;
}

.products-container {
	width: 100%;
}

.products-container .collections-container {
	padding-left: 0;
	width: 100%;
}

.collections._open {
	flex-wrap: wrap;
}

.collection-wrapper {
	width: 20%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 30px;
	display: block;
	flex-shrink: 0;
}

.collection {
	text-decoration: none;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.collection__img {
	padding-bottom: 100%;
	position: relative;
}

.collection__img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.collection__img img {
	border: 1px solid #e2e2e2;
}



.collection__bottom {
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	padding: 0 15px;
	color: #000;
	flex: 1;
	transition: height 0.3s;
	box-sizing: border-box;
	width: 100%;
	z-index: 10;
	background: #fff;
}

.collection__desc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	box-sizing: border-box;
	min-height: 50px;
	/*height: 100%;*/
}

.collection__name {
	font-size: 16px;
	font-weight: bold;
	flex: 1;
	padding-right: 5px;
}

.collection__price {
	font-size: 14px;
	font-weight: bold;
}

.collection__count {
	font-size: 12px;
	padding-bottom: 15px;
	display: none;
	margin-top: -5px;
}

.collection._hover .collection__bottom {
	border-left-color: #905792;
	border-bottom-color: #905792;
	border-right-color: #905792;
	background: #905792;
	color: #fff;
	/*position: absolute;*/
	left: 0;
	/*width: 100%;*/
	/*border: none;*/
	/*transition: background 0.3s;*/
}

.collection._hover .collection__count {
	display: block;
}

.collection._hover .collection__img img {
	border-color: #905792;
}

.collections__show-more-container {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

.collections__show-more-btn {
	min-height: 40px;
	min-width: 200px;
	background: #905792;
	color: #fff;
	border-radius: 20px;
	text-align: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	display: none;
	padding: 0 20px;
}

.collections__show-more-btn._show {
	display: flex;
}

.catalog_text_before {
	margin: 0 0 15px 30px;
}

.js-wrap-catalog-items .collections-container {
	padding-left: 0;
}
/*.collection._hover .collection__desc {*/
/*	padding-top: 15px;*/
/*}*/

@media (max-width: 1600px) {
	.collection-wrapper {
		width: 25%;
		padding: 0 8px;
		margin-bottom: 16px;
	}
	.collections {
		margin: 0 -8px;
	}
}

@media (max-width: 1100px) {
	.collection-wrapper {
		width: 33.3333%;
	}
}

@media (max-width: 1024px) {
	.collection__count {
		display: block;
	}
	.collection-wrapper {
		width: 50%;
	}
	.collection__bottom {
		position: unset!important;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

@media (max-width: 767px) {
	.collections-container {
		padding: 0;
	}
	.collection-wrapper {
		width: 33.3333%;
	}
	.catalog_text_before {
		margin: 0 0 15px 0;
	}
}

@media (max-width: 640px) {
	.collection-wrapper {
		width: 50%;
	}
}

@media (max-width: 400px) {
	.collection__bottom {
		padding: 0 10px;
	}
}


/* End */


/* Start:/local/components/uw/section_elastic/templates/.default/style.css?177810967317855*/
.page-container {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 20% minmax(0, 1fr);
    gap: 30px;
}

.products-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
    margin-bottom: 50px;
}

.product__image img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    display: block;
}

.product {
    text-decoration: none;
    color: #424242;
    border: 1px solid #ededed;
    width: 100%;
    background: #fff;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.product__description {
    padding: 10px 15px 15px;
    margin-top: auto;
}

.product__bottom {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product__description-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product__buy-btn {
    color: #905792;
    border: 1px solid #905792;
    border-radius: 20px;
    padding: 10px 20px;
    height: 40px;
    margin: 0;
    cursor: pointer;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product:hover {
    color: #424242;
}

.block {
    margin-bottom: 10px;
}

#oboi_filter {
    display: none!important;
}

.product-item-container {
    width: 100%;
}

.products .row {
    margin: 0;
}

.products .catalog-section .product-item-small-card-4-elem {
    margin: 0!important;
}

.design_v2.new-catalog .text_inside {
    width: 100%;
    padding: 0;
}

.product__image-container {
    padding-bottom: 100%;
    position: relative;
}

.product__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.card-slider__item {
    flex: 1;
}

.card-slider__dots {
    position: absolute;
    display: flex;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 100%;
    overflow: hidden;
    z-index: 1;
}

.card-slider__dot {
    width: 7px;
    height: 7px;
    border: 1px solid #905792;
    margin: 2px;
    border-radius: 50%;
    box-sizing: border-box;
}

.card-slider__dot.active {
    background: #905792;
}

.product__name {
    font-size: 16px;
    text-align: center;
    padding: 35px 10px 15px;
    text-decoration: underline;
    display: block;
    color: #000;
}

.product__price-block {
    display: flex;
    gap: 10px;
    align-items: center;
}

.product__old-price {
    color: #b0afaf;
    font-size: 15px;
    text-decoration: line-through;
}

.product__price {
    font-size: 18px;
    font-weight: bold;
}

.catalog-pagination__items {
    display: flex;
    gap: 4px;
    margin: 20px 0;
    align-items: center;
}

.catalog-pagination__item {
    width: 42px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #c2d670;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.catalog-pagination__item.current {
    background: #ab75ab;
}

.catalog-pagination__special {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 5px;
}

.catalog-show-more {
    display: flex;
    width: 200px;
    height: 30px;
    border-radius: 15px;
    border: none;
    background: #905792;
    color: #fff;
    margin: 0 auto 25px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.show-more-preloader {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -40px;
    left: calc(50% - 15px);
    display: none;
    background: none!important;
}

.preloader__row {
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
    position: absolute;
    display: inline-block;
    top: 0;
    background-color: #905792;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
    top: auto;
    bottom: 0;
    animation-delay: -1s;
}

@keyframes preloader-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes preloader-bounce {
    0%, 100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

.loaded_hiding .catalog-preloader {
    transition: 0.3s opacity;
    opacity: 0;
}

.catalog-preloader.show {
    display: block;
    background: none;
    margin: 0;
}

.product__properties {
    display: grid;
    grid-template-columns: auto auto;
    padding: 0 15px;
    column-gap: 5px;
    /*height: 0;*/
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.3s;
}

.product-container {
    position: relative;
}

.product-container:hover {
    z-index: 1;
}

.product-container.hover .product {
    position: absolute;
}

/*.product.hover .product__properties {*/
/*    display: grid;*/
/*}*/

.product__property {
    color: #aca8ac;
    font-size: 12px;
    font-weight: bold;
}

.products__top-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sort-block-desktop {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: 13px;
}

.sort-block-mobile {
    display: none;
}

.top-block__title {
    font-weight: bold;
}

.sort-block__items {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 5px;
    margin: 0;
    padding: 0;
}

.sort-block__item a {
    text-decoration: none;
    cursor: pointer;
    display: flex;
    height: 40px;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    padding: 0 25px 0 15px;
    position: relative;
}

.sort-block__item a:hover,
.sort-block__item a:visited,
.sort-block__item a:focus {
    text-decoration: none;
    color: #ab76ae;
}

.sort-block__item.asc a::after {
    content: '';
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ab76ae;
    border-top: none;
    position: absolute;
    right: 10px;
}

.sort-block__item.desc a::after {
    content: '';
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ab76ae;
    border-bottom: none;
    position: absolute;
    right: 10px;
}

.products__top-block {
    padding-bottom: 30px;
    border-bottom: 1px solid #dbd6d6;
    margin-bottom: 40px;
}

.count-block-desktop {
    display: flex;
    align-items: center;
    gap: 10px;
}

.count-block-mobile {
    display: none;
}

.count-block__items {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 10px;
}

.count-block__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #eeeeee;
    border-radius: 50%;
    cursor: pointer;
}

.count-block__item a {
    font-size: 13px;
    color: #999;
    text-decoration: none;
}

.count-block__item a:hover,
.count-block__item a:focus,
.count-block__item a:visited {
    color: #999;
    text-decoration: none;
}

.count-block__item.active {
    background: #eeeeee;
}

.sort-block__item.active a,
.sort-block__item:hover a {
    background: #eeeeee;
}

.sort-block__item.active a,
.sort-block__item:hover a {
    color: #ab76ae;
}

.product-buttons {
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}

.product-button {
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background-color: #ffffff9c;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.product-button:hover {
    background-color: #fff;
}

.product-button__viewed {
    background: #ffffff9c url('/images/buttons/viewed_new_x15.png') no-repeat center center / 22px 16px;
}

.product-button__viewed:hover,
.product-button__viewed.change {
    background: #905792 url('/images/buttons/viewed_active_new_x15.png') no-repeat center center / 22px 16px;
}

.product-button__favorites {
    background: #ffffff9c url('/images/buttons/favorites_new_x15.png') no-repeat center center / 20px 17px;
}

.product-button__favorites:hover,
.product-button__favorites.change {
    background: #905792 url('/images/buttons/favorites_active_new_x15.png') no-repeat center center / 20px 17px;
}

.product-button__compare {
    background: #ffffff9c url('/images/buttons/compare_new_x15.png') no-repeat center center / 14px 18px;
}

.product-button__compare:hover,
.product-button__compare.change {
    background: #905792 url('/images/buttons/compare_active_new_x15.png') no-repeat center center / 14px 18px;
}

.catalog-h1 {
    font-size: 36px!important;
    color: #2b272b!important;
}

.catalog-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.section-elements-count {
    font-size: 24px;
    color: #ab76ae;
}

.sort-block-mobile select {
    max-width: 125px;
}

.sort-block-mobile select,
.count-block-mobile select {
    background: #eeeeee;
    appearance: none;
    border-radius: 20px;
    border: none;
    color: #ab76ae;
    padding: 0 25px 0 15px;
    outline: none;
    height: 40px;
}

.sort-block-mobile::after,
.count-block-mobile::after {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    right: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #838080;
    border-bottom: none;
}

.products__top-block .mobile-filter-btn {
    background: #905793;
    color: #fff;
    height: 40px;
    width: 100%;
    max-width: 120px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    display: none;
}

.products__top-block .change-view-button {
    width: 40px;
    height: 40px;
    display: none;
    background: #905793;
}

.products__top-block .change-view-button::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('/images/one-item.svg') no-repeat center center, url('/images/two-items.svg') no-repeat center center;
    background-size: 100% 100%, 0 0;
}

.products__top-block .change-view-button.two-items::after {
    background-size: 0 0, 100% 100%;
}

.product__available {
    display: flex;
    color: #7bc32f;
}

.product__available {
    font-size: 12px;
    font-weight: bold;
}

.product__special-price-btn {
    color: #ab76ae;
    border-bottom: 1px dotted #ab76ae;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 0;
    cursor: pointer;
}

.content-center {
    justify-content: center;
}

.product-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    padding: 15px;
    box-sizing: border-box;
    transition: 0.3s;
}

.product-form:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.product-form__description {
    background: #905792;
    color: #fff;
    position: relative;
    padding-bottom: 100%;
}

.product-form__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 15px;
}

.product-form__title {
    font-size: 20px;
    font-weight: bold;
}

.product-form__text {
    font-size: 16px;
}

.product-form__btn-container {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
}

.product-form__btn {
    color: #905792;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #905792;
    width: 150px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter-selected-props {
    display: flex;
    margin: 10px 0 15px;
    gap: 10px;
}

.filter-selected-prop {
    display: flex;
    align-items: center;
    gap: 5px;
}

.filter-selected-prop__remove-btn {
    width: 18px;
    height: 18px;
    background: url('/images/sp-close2.png') no-repeat 50% 50% gray;
    border-radius: 50%;
    cursor: pointer;
}

.text_before_products p {
    margin-bottom: 10px;
    padding: 0!important;
}

.text_before_products ul {
    margin: 10px 0;
}

.product__one-click-btn {
    font-size: 12px;
    color: #905792;
    text-decoration: underline;
    cursor: pointer;
    /*visibility: hidden;*/
    transition: 0.3s;
}

.product:hover .product__one-click-btn {
    visibility: visible;
}

.product__under-price {
    display: flex;
    gap: 8px;
}

.card-prop-artnumber::before {
    content: 'Артикул: ';
    display: inline;
}

.card-prop-width::before {
    content: 'Ширина: ';
    display: inline;
}

.card-prop-inmaterial::before {
    content: 'Материал: ';
    display: inline;
}

.card-prop-length::before {
    content: 'Длина: ';
    display: inline;
}

.card-measure-m::before {
    content: '/м.';
    display: inline;
}

.card-measure-sht::before {
    content: '/шт.';
    display: inline;
}

.card-measure-pm::before {
    content: '/п.м.';
    display: inline;
}

.card-measure-rul::before {
    content: '/рул.';
    display: inline;
}

.card-measure-m2::before {
    content: '/м2';
    display: inline;
}

.in-cart-btn {
    color: #fff;
    background: #905792;
    border: 1px solid #905792;
    border-radius: 20px;
    padding: 10px 12px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    font-size: 15px;
    text-decoration: none;
}

.in-cart-btn:hover,
.in-cart-btn:visited,
.in-cart-btn:focus,
.in-cart-btn:link {
    color: #fff;
    text-decoration: none;
}

.read-more {
    cursor: pointer;
}

.show_products_or_brands {
    font-size: 15px;
}

.vitrina_cats .a-filt {
    padding: 10px 35px;
    border-radius: 20px;
    color: #424242;
}

.vitrina_cats .a-filt.active,
.vitrina_cats .a-filt:hover {
    background: #ab76ae;
    color: #ffffff;
}

@media (max-width: 1800px) {
    .products-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .product__image-container {
        padding-bottom: 336px;
    }

    .product-form__description {
        padding-bottom: 336px;
    }
}

@media (max-width: 1280px) {
    .catalog-h1 {
        font-size: 24px!important;
        margin-bottom: 0!important;
    }
}

@media (max-width: 1200px) {
    .products-list {
        grid-template-columns: 1fr 1fr;
    }

    .sort-block-desktop {
        display: none;
    }

    .sort-block-mobile {
        display: block;
    }

    .count-block-desktop {
        display: none;
    }

    .count-block-mobile {
        display: block;
    }

    .products__top-block {
        gap: 5px;
    }

    .products__top-block .mobile-filter-btn {
        display: flex;
        margin-left: auto;
    }

    .product__image-container {
        padding-bottom:  316px;
    }

    .product__properties {
        display: block;
    }

    .product__description {
        flex-direction: column;
        gap: 10px;
    }

    .page-container {
        grid-template-columns: 250px minmax(0, 1fr);
    }
}

@media (max-width: 1024px) {
    .vitrina_top {
        display: none!important;
    }
}

@media (max-width: 767px) {
    .page-container {
        grid-template-columns: 100%;
    }

    .product__image-container {
        padding-bottom: 0;
        width: 100%;
    }

    .products-list {
        gap: 20px;
        width: 100%;
    }

    .product-button:first-child {
        display: none;
    }

    .product__price-block {
        gap: 5px;
        flex-wrap: wrap;
        margin-bottom: 5px;
    }

    .products__top-block .change-view-button {
        display: block;
        margin: 0;
    }

    .products-list.one-item {
        grid-template-columns: 100%;
    }

    .section-elements-count {
        display: none;
    }

    .product__images-slider {
        width: 100%;
    }

    .product__images {
        width: 100%;
        padding-bottom: 15px;
    }

    .product__images img {
        width: 100%!important;
        max-width: 100%;
    }

    .product-container {
        width: 100%;
        min-width: 0;
    }

    .product__images-pagination {
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 0!important;
        left: 0;
        width: 100px;
    }

    .product__images-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #905792;
    }

    .product__images-pagination .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        border: 1px solid #905792;
        background: none;
        margin: 2px !important;
    }

    .product__name {
        padding: 15px 10px 20px;
    }

    .product-buttons {
        bottom: 20px;
    }

    .product__description-row {
        flex-direction: column;
    }

    .product__under-price {
        flex-direction: column;
        align-items: center;
    }

    .product__one-click-btn {
        visibility: visible;
    }

    .product__buy-btn, .product .in-cart-btn {
        margin-top: 20px;
        width: 130px;
        text-align: center;
    }

    .design_v2 #content_part .container {
        width: 100%!important;
    }

    .product__description {
        padding: 0 5px 20px;
    }
}

@media (max-width: 480px) {
    .products-list {
        gap: 10px;
    }

    .catalog-h1 {
        width: 100%;
        text-align: center;
    }

    .catalog-title-container {
        margin-top: 20px;
    }
}
/* End */
/* /bitrix/templates/mosoboi_ad/components/bitrix/catalog/elastic_search/style.css?16765393401784 */
/* /local/components/uw/elastic_filter/templates/catalog/style.css?177214142711304 */
/* /bitrix/templates/mosoboi_ad/components/bitrix/catalog.section.list/collections_v2/style.css?17772783343352 */
/* /local/components/uw/section_elastic/templates/.default/style.css?177810967317855 */
