

/* Start:/local/templates/box/components/bitrix/catalog/vgrigoriev/style.css?17798869836798*/
.bx-section-desc-post:empty {
	display: none;
}

.catalog-container {
	min-height: 100vh;
}

.catalog-container-wrap {
	position: relative;
	padding: 45px 0 0 0;
}


@media (min-width: 992px) {

	.catalog-section__row[data-section-view="big-list"] {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}


	.catalog-section__row[data-section-view="big-list"]>*:not(.catalog-item) {
		grid-column: span 4;
		grid-row: auto;
	}

	.catalog-section__row[data-section-view="big-list"]>.catalog-item {
		width: auto !important;
	}

	.catalog-section__row[data-section-view="big-list"]>.catalog-item:nth-child(4) {
		grid-area: 1 / 3 / 3 / 5;
	}

	.catalog-section__row[data-section-view="big-list"]>.catalog-item:nth-child(5) {
		grid-area: 2 / 1 / 4 / 3;
	}
}

.catalog-header-list {
	width: 100%;
	margin: 0;
	border: 1px solid #CFCFCF;
}

.catalog-header-list .main-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: row nowrap;
	height: 58px;
}

.catalog-header-list__item {
	display: flex;
	align-items: center;
	gap: 62px;
	flex: 1;
}

.catalog-header-list__item--center {
	text-align: center;
	justify-content: center;
}

.catalog-header-list__item--view {
	gap: 5px;
	justify-content: flex-end;
	margin-right: 5px;
}

.catalog-header-list__item--view button {
	line-height: 0;
}

.catalog-header-list__item span {
	margin-right: 8px;
}

.catalog-header-list__item--view button svg {
	width: 20px;
	height: auto;
}

.catalog-header-list__item--view button path {
	fill: #B3B3B3;
}

.catalog-header-list__item--view button.active path {
	fill: #000;
}

.catalog-header-list__item {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}

.catalog-btn-filter {
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
}

.catalog-sort {
	font-size: 15px;
	line-height: 20px;
}

/* .catalog-sort::before {
	content: attr(data-name);
	color: #000;
	margin-bottom: 3px;
	display: block;
	font-family: var(--font-family-serif);
} */

.catalog-sort a {
	color: #000;
}

.catalog-sort select {
	min-width: 220px;
	border: 0 !important;
}

.catalog-title h1 {
	background: #000;
	color: #fff;
	text-align: center;

	font-weight: 400;
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 0.09em;

	text-transform: uppercase;
	min-height: 40px;
	margin-bottom: 0;
}

.section-picture {
	margin: 8px 0 0 0;
	display: flex;
}

.section-picture picture {
	line-height: 0;
}

.section-picture img {
	width: 100%;
	min-height: 151px;
	object-fit: cover;
}

.catalog-title h1:empty {
	display: none;
}

.catalog--hide-filter .catalog-header-list,
.catalog--hide-filter .section-list {
	display: none;
}

.catalog--hide-filter .filter {
	display: none;
}

.catalog--hide-filter .catalog-section {
	width: 100%;
}
@media (max-width:992px) {
	.catalog-header-list {
		flex-wrap: wrap;
	}

	.filter-tile {
		display: flex;
		justify-content: space-between;
		background: #B4FFDE;
		border: 1px solid #B4FFDE;
		border-left: 0;
		border-right: 0;
		padding: 12px 20px;
		margin: 0 -20px 10px -20px;
		width: calc(100% + 40px);

	}

	.catalog-sort select {
		min-width: 170px;
		border: 0 !important;
		font-size: 14px;
	}
}

@media (max-width:776px) {
	.catalog-sort::before {
		display: none;
	}

	.catalog-header-list .main-container {
		height: 50px;
	}

	.catalog-header-list__item {
		justify-content: space-between;
	}

	.catalog-header-list,
	.section-picture {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}

	.catalog-header-list__item--center,
	.catalog-header-list__item--view {
		display: none;
	}

	.catalog-header-list__item {
		gap: 10px;
	}

	.catalog-sort select {
		min-width: 100px;
	}
}

.catalog-btn-filter svg {
	margin-right: 20px;
}

.catalog-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-flow: row nowrap;
	margin-bottom: 30px;
	margin-top: 15px;
	width: 100%;
}



/* SORT */

.catalog-sort-panel {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	line-height: 19px;
	margin-right: 10px;
	position: relative;
	margin-top: 12px;
}

.catalog-sort-panel>a {
	margin-left: 10px;
	position: relative;
	text-decoration: none;
	color: #343A40;
}

.catalog-sort-panel>a::after {
	content: '';
	position: absolute;
	right: -11px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-bottom: 1px solid #5F5F5F;
	border-right: 1px solid #5F5F5F;
	transform: rotate(45deg);
}

.catalog-sort-panel>a.active::after {
	transform: rotate(-135deg);
	top: 6px;
}

.hidden-sort-list-menu {
	list-style: none;
	padding: 5px 5px 5px 33px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	border: 1px solid #F2F2F2;
	background-color: #fff;
	display: none;
	position: absolute;
	top: 22px;
	width: calc(100% + 14px);
	left: 0;
	box-sizing: border-box;
}

.hidden-sort-list-menu.active {
	display: block;
	z-index: 2;
}

.hidden-sort-list-menu li a {
	text-decoration: none;
	padding: 5px 0;
	display: block;
	position: relative;
	font-size: 14px;
	color: #343A40;
}

.hidden-sort-list-menu li a.active::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	width: 10px;
	margin: auto;
	height: 5px;
	border-bottom: 2px solid #323232;
	border-left: 2px solid #323232;
	transform: rotate(-45deg);
}

.all_filter_click {
	display: none;
}

.catalog-wrapper--main {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	margin-bottom: 40px;
	justify-content: flex-start;
	align-items: flex-start;
}

.main-catalog-goods-panel {
	margin-bottom: 50px;
}

.catalog-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}

.catalog-row {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
}

[data-element="komplect-container"] {
	margin-top: 10px;
}

[data-element="komplect-container"] .main-section {
	margin: 0;
	padding: 0;
}

[data-element="komplect-container"] .catalog-item {
	padding-bottom: 10px;
}

[data-element="komplect-container"]:not(:empty) + .element-bottom {
	margin-top: 15px;
}

[data-element="komplect-container"] .main-section__container {
	box-sizing: border-box;
	width: 70%;
}

@media (max-width: 768px) {
	[data-element="komplect-container"] {
		margin-top: -20px;
	}

	[data-element="komplect-container"] .main-section__container {
		padding: 0 20px;
		width: auto;
	}

	[data-element="komplect-container"] .main-section-slick {
		margin: 0 -10px;
	}

	[data-element="komplect-container"] .main-section-slick > .main-section__item {
		width: calc(100% / var(--slidesToShow) - 20px);
		min-width: calc(100% / var(--slidesToShow) - 20px);
	}

	[data-element="komplect-container"] .main-section__item {
		margin: 0 10px;
	}
}

/* End */


/* Start:/local/templates/box/components/bitrix/catalog.element/vgrigoriev-us/templates/vgrigoriev-us/style.css?177989846015734*/
.wb_ozon_btns .btn-link{
    padding: 10px 30px;
    width: 49.3%;
}
.wb_ozon_btns{
    margin-top: 10px;
}
/* FIX slick */

.element-picture .slick-track {
    display: flex;
}

.element-picture {
    display: flex !important;
    position: relative;
}

.element-picture__item {
    position: absolute;
    left: 0;
    top: 0;
    right: var(--el-mr-nav-slider);
}

.slick-initialized .element-picture__item, .element-picture__item:first-child {
    position: relative;
    right: 0;
}

/* FIX slick */

.element {
    --el-width-nav-slider: 92px;
    --el-mr-nav-slider: 20px;

    margin-top: 32px;
}

.element-container {
    position: relative;
}

.element-aside {
    position: absolute;
    right: 0;
    top: 20px;
    width: 192px;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.element-aside__item,
.element-aside__item > .btn-clear {
    font-weight: 400;
    font-size: 13.5px;
    line-height: 16px;

    color: #BDBDBD;
    z-index: 1;
    text-align: right;
}

.element-aside__item {
    margin-bottom: 13px;
}

.element-aside__item.article {
    margin-bottom: 68px;
}

.element-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    margin: 3px 0 28px;
    text-transform: uppercase;
}

.btn-favorite svg path {
    stroke: #fff;
}

.element__pictures {
    display: flex;
}

.element__pictures img {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.element-picture .zoomLens {
    box-sizing: border-box;
}

.element-picture {
    width: calc(100% - var(--el-width-nav-slider) - var(--el-mr-nav-slider));
    padding-right: var(--el-mr-nav-slider);
}

.element-stars {
    display: flex;
}

.element-stars .stars::after {
    content: attr(data-stars-text);
    margin-right: 5px;
}

.element-picture-slider {
    width: var(--el-width-nav-slider);
    margin-right: var(--el-mr-nav-slider);
    order: -1;
    padding: 20px 0;
    overflow: hidden;
}

.element-picture-slider .slick-arrow {
    position: absolute;
    bottom: 0;
    transform: none;
    left: 0;
    width: 100%;
    height: 20px;
}

.element-picture-slider .slick-arrow svg {
    height: auto;
    width: 12px;
}

.element-picture-slider .slick-next {
    top: auto;
    bottom: 0;
}

.element-picture-slider .slick-prev {
    top: 0;
    bottom: auto;
}

.element-picture-slider__item {
    display: flex;
    margin: 7.5px 0px;
    cursor: pointer;
    background: #fff;
    opacity: 0.5;
}

.element-picture-slider__item .picture {
    width: var(--el-width-nav-slider);
    height: var(--el-width-nav-slider);
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-vertical .element-picture-slider__item {
    border: 1px solid transparent;
}

.slick-vertical .element-picture-slider__item.slick-current {
    border: 1px solid #414042;
    opacity: 1;
}

.element-container {
    display: flex;
    align-items: flex-start;
}

.element__pictures {
    width: 50%;
    position: sticky;
    top: 20px;
}

.element-exclusive-badge {
    position: absolute;
    top: 10px;
    left: calc(var(--el-width-nav-slider) + var(--el-mr-nav-slider));
    z-index: 2;
}

.element-exclusive-badge img {
    display: block;
    width: 92px;
    height: auto;
}

.element__info {
    width: 50%;
    padding: 0 192px 20px 0;
    position: sticky;
    top: 20px;
}

.element__prices {
    margin-top: 24px;
    display: flex;
    gap: 20px;

}

.element__price {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;

}

.element__price--old {
    text-decoration: line-through;
    color: #777777;
}

.element__info-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin: 20px 0 10px;
}

.element__row--justify {
    display: flex;
    justify-content: space-between;
}

.element-prop {
    --el-margin: 2.5px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--el-margin) * -1);
}

.element-prop.ui-select {
    margin: 0;
    max-width: 285px;
}


.element-prop .element-prop__item {
    margin: var(--el-margin);
}

.element-props__item {
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    margin-top: 5px;
    color: #000;

    display: flex;
}


.element-props__item span:first-child {
    /* color: #777777; */
    max-width: 150px;
    width: 100%;
    margin-right: 24px;
}

.element-props__item--description {

    display: flex;
    align-items: flex-end;
}

.element-props__item--description button {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.63px;
    color: #B3B3B3;
}

.element-props__item--description span:first-child {
    font-size: 10px;
    font-weight: 400;
    line-height: 12.19px;
    color: #B3B3B3;
}

.element__btns {
    margin-top: 42px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.element__btns [data-element="zakaz-button"],
.element__btns [data-element="buy-button"],
.element__btns [data-element="where-buy-button"] .btn-link {
    min-width: 214px;
    height: 40px;
    font-size: 13px;
    font-weight: 600;
    line-height: 15.85px;
    text-align: center;
    padding: 10px 30px;
    letter-spacing: 0.13em;
}

.element__btns button,
.element__btns [data-element="where-buy-button"] {
    margin-right: 6px;
}

.element__btns [data-element="where-buy-button"] .btn-link {
    margin-right: 0;
}

.element__btns button:last-child {
    margin-right: 0;
}

[data-element-discount] {
    position: relative;
    width: fit-content;
}

.element__price {
    position: relative;
}

[data-element-discount="0%"]::after {
    display: none !important;
}

.element__price::after {
    content: attr(data-price-desc);
    position: absolute;
    top: 100%;
    left: 0;

    font-size: 12px;
    font-weight: 400;
    line-height: 15.4px;
    color: #B3B3B3;

}

[data-treeprop-code="RAZMER"] .ui-input--checkbox-2 input + span {
    width: 50px;
    height: 50px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.prop-disabled {
    display: none;
}

.zakaz {
    display: none;
}

.zakaz .ui-popup__container {
    max-width: 717px;
}

.zakaz h3 {
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    text-transform: uppercase;
    margin-bottom: 45px;
    margin-top: 10px;
}

.zakaz .ui-input--text textarea,
.zakaz .ui-input--text input {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
}

.zakaz .ui-input--text input {
    height: 40px;
}

.liked svg {
    fill: #e20338 !important
}

.liked svg path {
    stroke: #e20338 !important
}

#errorzakaz {
    color: #e20338;
    margin-top: 10px;
}

.element-bottom {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    margin-top: 70px;
    position: relative;
    margin-bottom: var(--margin-default);
}

.element-bottom::after {
    content: '';
    position: absolute;
    border: 1px solid #E6E6E6;
    left: 0;
    right: 0;
    top: 18px;
}


.element-bottom .element-tab,
.element-bottom__title {
    font-size: 10px;
    font-weight: 400;
    line-height: 16.5px;
    letter-spacing: 1.4px;
    text-align: left;
    text-transform: uppercase;
}

.element-help,
.element-rewiews {
    width: 100%;
    max-width: 300px;
}

.element-tabs {
    max-width: 760px;
    width: 100%;
}

.element-tabs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.element-tab {
    position: relative;
}

.element-tab.active::after {
    content: '';
    position: absolute;
    border: 1px solid #000;
    left: 0;
    right: 0;
    top: 17px;
    z-index: 2;
}

.element-tabs__content {
    margin-top: 39.5px;
}

.element-tab-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;

    display: none;
}

.element-tab-content.active {
    display: block;
}

.element-tab-content .element-title {
    font-size: inherit;
    line-height: inherit;
    font-weight: 600;
    margin-bottom: 8px;
}

.element-tabs__content p {
    font-size: inherit;
    line-height: inherit;
    margin: 16px 0;
}

.element-article {
    font-size: 12px;
    font-weight: 400;
    line-height: 17.96px;
    text-align: left;
    color: #818181;
    margin-bottom: 22px;
}

.element-props__item span:first-child {
    color: #818181;
}


#sizes-popup .element-prop {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin: 27px 0;
}

#sizes-popup .element-prop__item {
    width: 160px;
    display: flex;
    align-items: center;
    gap: 25px;
}

#sizes-popup .element-prop__item::after {
    content: attr(data-text);
}

@media (max-width: 1440px) {
    .element-tabs__list {
        gap: 15px;
    }

    .element-tabs__content p {
        font-size: 14px;
    }

    .element-props__item {
        font-size: 14px;
    }

    .element-tabs {
        order: -1;
    }

    .element-bottom__title {
        border-bottom: 1px solid #E6E6E6;
    }

    .element-bottom {
        gap: 90px;
    }
}

@media (max-width: 1220px) {
    .element-tabs__list {
        gap: 15px;
    }

    .element-tabs__content p {
        font-size: 14px;
    }

    .element-props__item {
        font-size: 14px;
    }

    .element-bottom {
        flex-wrap: wrap;
    }

    .element-help, .element-rewiews {
        max-width: 100%;
    }
}


@media (max-width: 1024px) {
    .wb_ozon_btns .btn-link{
        width:49.5%
    }
    .element-picture-slider {
        display: none !important;
    }

    .slick-slide img {
        margin: auto;
    }

    .element-picture {
        padding: 0;
    }

    .element__info {
        padding: 20px;
    }

    .element__pictures {
        padding-right: 160px;
    }

    .slider-nav {
        display: none;
    }

    .element-container {
        flex-wrap: wrap;
    }

    .element__info,
    .element__pictures {
        width: 100%;
    }

    .element__info, .element__pictures {
        position: static;
    }

    .element__info {
        margin: 35px -20px;
        width: calc(100% + 40px);
    }

    .element__pictures {
        flex-wrap: wrap;
        position: relative;
    }

    .element-exclusive-badge {
        left: 0;
    }

    .element-picture {
        width: 100%;
    }

    .element-picture-slider {
        width: 100%;
        margin: 10px 0;
        order: 0;
    }

    .element__btns {
        background: #fff;
        border-top: 1px solid #DCEAFD;
        /* justify-content: space-between; */
        z-index: var(--z-index-menu);
        flex-wrap: nowrap;
    }


    .element__btns button {
        /* font-size: 12px 15px; */
        padding: 15px 20px;
        margin-bottom: 8px;
        width: 100%;
    }

    .element__btns [data-element="where-buy-button"] {
        width: 100%;
    }

    .element__btns button.btn-link--ic {
        padding: 10px 12px;
        width: auto;
    }
}


@media (max-width: 550px) {
    .wb_ozon_btns .btn-link{
        width:49.3%
    }
    .element__pictures {
        padding-right: 140px;
    }

    .element-aside__item,
    .element-aside__item.article {
        margin-bottom: 12px;
    }

    .element-aside__item, .element-aside__item > .btn-clear {
        font-size: 12px;
    }

    .element-aside {
        top: 0;
    }

    .element-title {
        font-size: 20px;
    }

    .element__btns button,
    .element__btns [data-element="where-buy-button"] .btn-link {
        font-size: 11px;
    }

    .element__btns button.btn-link--ic {
        padding: 8px 10px;
        width: auto;
    }
}

@media (max-width: 350px) {
    .element__btns button,
    .element__btns [data-element="where-buy-button"] .btn-link {
        font-size: 12px;
        padding: 15px 13px;
    }
}


.element-delivery {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    background: transparent;
    margin-top: 20px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    line-height: 1.5;
}

.element-delivery .btn-clear {
    color: var(--link-color)
}

.ui-popup__container.ui-popup__storescontainer {
    max-width: 950px;
    padding: 0;
}

.shop-list-title {
    margin: 0 0 30px;
    font-size: 30px;
    line-height: 1;
}

.shop-list-message {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 15px;
    color: #B3B3B3;
}

.shop-list-content {
    display: flex;
    flex-direction: row-reverse;
    height: 500px;
    z-index: 2;
}

.shop-list {
    flex: 1;
    border-left: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    padding: 30px 50px;
    position: relative;
    z-index: 3;
    max-height: 500px; /* или сколько нужно */
}

.shop-map {
    flex: 2;
    min-width: 60%;
    height: 100%;
}

#shop_popup_map {
    flex: 2;
    min-width: 60%;
    height: 100%;
}
#map_ajax {
    width: 100%;
    height: 100%;
}

.shop-list-list {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.shop-list-list-ul-container {
    flex: 1 1 auto;
    overflow-y: auto;
    max-height: 100%;
    padding-right: 5px;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #aaa transparent;
}

/* Chrome, Edge, Safari */
.shop-list-list-ul-container::-webkit-scrollbar {
    width: 6px; /* ширина полосы */
}

.shop-list-list-ul-container::-webkit-scrollbar-track {
    background: transparent; /* дорожка скролла */
}

.shop-list-list-ul-container::-webkit-scrollbar-thumb {
    background-color: #aaa; /* сама полоска */
    border-radius: 3px; /* закругления */
}


.shop-list-list-ul {
    padding: 0 30px 30px 0;
    margin: 0;
    list-style: none;
}

.shop-list-list-ul li {
    padding: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}

.shop-item {
    padding: 0 0 10px 0;
}

.shop-item-address {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    padding: 0 0 10px;
}

.shop-item-info {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    padding: 0 0 10px;
}

.shop-item-info__available {
    color: #AC8C75;
}

.ui-popup__close {
    z-index: 100;
}

.shop-list-button .btn-link {
    width: 100%;
}

.shop-item-info__worktime {
    color: #818181;
}
@media (max-width: 768px) {
    .shop-list-content {
        display: flex;
        flex-direction: column-reverse;
        height: 100vh;
    }
    .shop-map {
        width: 100%;
        height: 50vh;
        flex: auto;
    }
    .shop-list {
        border: none;
        flex: auto;
        padding: 30px;
        height: 50vh;
    }
    .shop-list-title {
        font-size: 24px;
        font-weight: 500;
        margin: 0 0 15px;
    }
}

#shop-popup .ui-popup__container .ui-popup__close {
    z-index: 100;
}

/* End */


/* Start:/local/templates/box/components/bitrix/system.pagenavigation/more/style.css?17404687421366*/
.pagination-list {
	list-style: none;
	display: flex;
	padding: 0;
	margin: 0;
	flex: 1;
    justify-content: flex-end;
}

.pagination-list__link {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F3F8FE;
	border: 1px solid #DCEAFD;
	border-radius: 4px;
	text-decoration: none;
	color: #414042;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	margin: 0 5px;
}

span.pagination-list__link {
	background: #E9E9E9;
	border-color: #E9E9E9;
}

.pagination-list__item--active .pagination-list__link {
	background: #1771F1;
	border-color: #1771F1;
	color: #fff;
}

.pagination-list__item svg {
	width: 7px;
}

.pagination {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.pagination-more {
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F3F8FE;
	border: 1px solid #DCEAFD;
	border-radius: 4px;
	padding: 0 25px;
	text-decoration: none;
	color: #414042;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
}


@media (max-width: 767px) {
	.pagination {
		flex-wrap: wrap;
		justify-content: center;
	}

	.pagination-more {
		width: 100%;
		max-width: 335px;
		margin-bottom: 10px;
	}

	.pagination-list {
		width: 100%;
		justify-content: center;
	}
}
/* End */


/* Start:/local/components/custom/reviewsNew/templates/.default/style.css?174046874211003*/
[id="reviews-list"] .ui-popup__container {
    max-width: 1920px;
}

.reviews {
    display: none;
}

.element-rewiews .reviews {
    display: block;
}

.reviews {
    margin: 40px 0;
}

.reviews__title {
    color: var(--black);
    font-size: var(--main-h1-size);
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 24px;
}

.reviews-container {
    display: flex;
    gap: 40px;
}

.reviews-items {
    flex: 1;
}

.review-total {}

.review-total-wrapper--sticky {
    position: sticky;
    top: 20px;
}

.stars::after {
    content: attr(data-stars);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.review-all-raiting {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 16px;
}

.review-all-raiting .stars {
    display: flex;
    align-items: flex-start;
    padding-top: 3.5px;
}

.review-all-raiting .stars::after {
    content: attr(data-stars-text);
    font-size: 45px;
    font-weight: 400;
    line-height: 49.5px;
    margin-right: 20px;
    font-style: italic;
    margin-top: -10px;
}

.review-all-raiting .stars {
    position: relative;
}

.review-all-raiting .stars::before {
    content: 'оценка товара';
    position: absolute;
    right: 0;
    top: 18px;

    font-size: 12px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;

}

.review-total-row{
    margin: 60px 0 24px;
}

.review-info-raiting {
    display: flex;
    align-items: flex-end;

    font-size: 42px;
    font-style: italic;
    font-weight: 400;
    line-height: 42px;
    text-align: left;
    gap: 10px;

}

.review-info-raiting span {
    font-size: 12px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left;

}


.review-all-raiting__text {
    margin: 8px 0 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.review-all-raiting__count {
    margin: 8px 0 16px;
}

.review-total__progress {
    margin-bottom: 16px;
}

.progress {
    position: relative;
}

.progress-bar {
    accent-color: #000;
    -webkit-appearance: none;
    overflow: hidden;
    height: 3px;
    width: 100%;
    border: 0;
}

.progress-bar::after {
    content: attr(value);
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.progresse__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.progress-bar::-webkit-progress-bar {
    background: #CCCCCC;

}

.progress-bar::-webkit-progress-value {
    background-color: #000;

}

.progress-bar::-moz-progress-bar {
    background: #000;
}

.review-item {
    gap: 8px;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
    padding-bottom: 8px;

    border-bottom: 1px solid #ccc;

}

.review-item--comment {
    background: var(--gray);
    padding: 24px;
    border-radius: 16px;
    margin-left: 56px;
    position: relative;
}

[data-reviews-zoom] {
    cursor: pointer;
}

.btn-all-reviews {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 10px;
    font-weight: 400;
    line-height: 16.5px;
    letter-spacing: 1.399999976158142px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.review-item--comment::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='60' viewBox='0 0 24 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.0473 33.8911H10.3134L10.3134 25.9856L13.559 29.2312L14.9733 27.817L9.31641 22.1602L3.65955 27.817L5.07377 29.2312L8.31939 25.9856L8.31939 35.8851L21.0473 35.8851L21.0473 33.8911Z' fill='%23697279'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 60px;
    background-position: center;
    position: absolute;
    left: -40px;
    top: 0;
}

.review-item__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.review-item__user {
    display: flex;
    align-items: center;
    gap: 16px;
}

.review-item__info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review-item__info .stars::after {
    display: none;
}

.review-item__avtar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 44px;
    height: 44px;

    color: var(--main-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;

    border-radius: 50%;
    border: 1px solid var(--stroke-line);
    background: var(--light-green);
}

.review-item__name {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;

    margin: 0;
}

.review-item__name.files--name {
    margin-top: 10px;
}

.stars {
    display: flex;
    align-items: center;
    gap: 2px;
}

.stars svg {
    width: 16px;
    height: 16px;
    --svg-fill: #CCCCCC;
    --svg-stroke: #CCCCCC;
}

.review-item .stars svg {
    width: 11px;
    height: 11px;
}

.stars {
    flex-direction: row-reverse;
}

.stars[data-stars='1'] svg:last-child {
    --svg-fill: var(--main-color);
    --svg-stroke: var(--main-color);
}

.stars[data-stars='2'] svg+svg+svg+svg {
    --svg-fill: var(--main-color);
    --svg-stroke: var(--main-color);
}

.stars[data-stars='3'] svg+svg+svg {
    --svg-fill: var(--main-color);
    --svg-stroke: var(--main-color);
}

.stars[data-stars='4'] svg~svg {
    --svg-fill: var(--main-color);
    --svg-stroke: var(--main-color);
}

.stars[data-stars='5'] svg {
    --svg-fill: var(--main-color);
    --svg-stroke: var(--main-color);
}

.review-item__date {
    color: #7F7F7F;
    font-size: 10px;
    font-weight: 400;
    line-height: 14.3px;
    text-align: left;
    width: 100%;
}

.review-item__images {
    display: flex;
    gap: 12px;
}

.review-item__video,
.review-item__image {
    border-radius: 8px;
    width: 72px;
    height: 72px;
    object-fit: cover;
}

.review-item__title {
    color: var(--black, #293133);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 4px;
}

.review-item__title--small {
    color: var(--night-grey, #697279);
    font-weight: 400;
    line-height: 20px;
}

.review-item__likes .review-item__title {
    width: 100%;
}

.reviews-files {
    display: flex;
    gap: 12px;
    /* margin: 16px 0 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--stroke-line); */
    margin: 20px 0px;
}

.reviews-file img {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    object-fit: cover;
}

.reviews-file video {
    width: 72px;
    height: 72px;
    border-radius: 8px;
    object-fit: cover;
}

.likes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.likes input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.like-item label {
    cursor: pointer;
}

.like-item span {
    border-radius: 100px;
    background: var(--gray, #F4F6F6);
    border: 2px solid var(--gray, #F4F6F6);
    padding: 6px 14px;

    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.like-item span:hover {
    border: 2px solid var(--main-color, #00B38C);
    background: var(--light-green, #E5F7F3);
}


.like-item span::after {
    content: attr(data-count);
    color: var(--black, #293133);
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
}

.like-item input:checked+span {
    border: 2px solid var(--main-color, #00B38C);
    background: var(--light-green, #E5F7F3);
}

.like-item input[value="dislike"]:checked+span path {
    fill: var(--red);
    stroke: var(--red);
}

.review-item__text p {
    font-size: 12px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;

    margin: 0;
}

.review-total__btn {
    width: 100%;
}

.review-raiting-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 24px;
}

.review-raiting__item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.review-raiting__item .stars svg {
    --svg-fill: var(--main-color) !important;
    --svg-stroke: var(--main-color) !important;

    width: 11px;
    height: 11px;
}

.review-raiting__item .stars::after {
    width: 11px;
}

.review-total__progress::after {
    content: attr(data-procent);
    min-width: 35px;

    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: 14.3px;
    text-align: right;
}

.review-total__progress[data-procent="0%"]::after {
    content: '0';
    color: #CCCCCC;
}

.review-raiting__item .progress {
    flex: 1;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.review-raiting__item .progress-bar::after {
    display: none;
}

.review-total-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 16px;
}


#reviews-form form {
    display: flex;
    flex-wrap: wrap;
}

#reviews-form form>* {
    width: 100%;
}


#reviews-form .ui-input--stars {
    width: 50%;
    margin: 20px 0 0;
}

#reviews-form .file-selectdialog {
    background: var(--light-green);
    border-radius: 4px;
    border-color: var(--main-color);
    box-shadow: none;
}

#reviews-form .file-selectdialog .file-extended .file-selector {
    padding: 24px;
}

#reviews-form .file-selectdialog .file-extended .file-selector:hover {
    padding: 21px;
}

#reviews-form .file-selectdialog .file-extended .file-selector .file-load-img {
    background: none;
    display: none;
}

#reviews-form .file-selectdialog .file-extended .file-uploader .file-but-text {
    color: var(--main-color);
}

#reviews-form .file-placeholder .files-list td {
    box-shadow: 0 -2px 0 -1px var(--main-color) inset;
}

#reviews-form .file-placeholder .f-wrap {
    color: var(--main-color);
}

.review-total-row {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 992px) {
    .review-total {
        order: -1;
        padding: 0;
        width: 100%;
    }

    .reviews-container {
        flex-direction: column;
    }

    .review-raiting-list {
        display: none;
    }
}

@media (max-width: 576px) {
    .review-item__info {
        margin-top: 10px;
    }

    .review-item__top.review--user {
        display: block;
    }

    .review-item__name.files--name {
        margin-top: 20px;
    }

}
/* End */


/* Start:/local/templates/box/components/bitrix/main.file.input/drag_n_drop/style.css?174046874210302*/
.file-placeholder {
	margin-left: 56px;
}
.file-placeholder .loading-wrap {
    display:inline-block;
    margin-left:15px;
    vertical-align:middle;
    position:relative;
    width:50%;
}
.file-placeholder .loading {
    background:#e3ebed;
    display:block;
    border:1px solid;
    border-top:1px solid #bcc2c4;
    border-left-color:#cfd7d9;
    border-right-color:#cfd7d9;
    border-bottom:1px solid #dde5e6;
    border-radius:2px;
    height:17px;
    -webkit-box-shadow:inset 0 1px 2px rgba(188,194,196,0.7);
    -moz-box-shadow:inset 0 1px 2px rgba(188,194,196,0.7);
    box-shadow:inset 0 1px 2px rgba(188,194,196,0.7);
}
.file-placeholder .loading .del-but {
    background: url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat 7px -20px;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.file-placeholder .load-indicator {
	background:#40c0e9;
    background:linear-gradient(top, #40c0e9, #2698db);
    background:-moz-linear-gradient(top, #40c0e9, #2698db);
    background:-o-linear-gradient(top, #40c0e9, #2698db);
    background:-ms-linear-gradient(top, #40c0e9, #2698db);
    background:-webkit-gradient(linear, left top, left bottom, from(#40c0e9), to(#2698db));
    border-radius:2px;
    color:#fff;
    font-size:12px;
    height:19px;
    text-align:center;
    text-shadow:0 1px 0 rgba(56, 124, 162, 1);
    left:0;
    top:0;
    position:absolute;
}
.file-placeholder .load-number {
	display:inline-block; box-sizing:border-box; padding-top:2px;
}
.file-placeholder .files-title {
	background:url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat;
	color:#5c6470;
	font-size:12px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
	left:13px;
	top:12px;
	width:54px;
	padding-left:20px;
	position:absolute;
}
.file-placeholder .files-list-wrap {
	margin-left:56px;
}
html* .file-placeholder .files-list {
	width: auto !important;
}
.file-placeholder .files-list {
	margin-top:-10px;
	table-layout:fixed;
	width:100%;
	position:relative;
}
.file-placeholder .files-list td {
	box-shadow:0 -2px 0 -1px #FFFFFF inset;
	border-bottom:1px solid #dde5e8;
	color:#5c6470;
	font-size:12px;
	line-height:16px;
	padding:10px 0 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position: relative;
	zoom:1;
}
.file-placeholder .file-edit,
.file-placeholder .file-section {
	display: none;
}
.file-placeholder .files-name {
	width:30%
}
.file-placeholder .files-size {
	width:12%
}
.file-placeholder .files-storage {
	width:20%
}
.file-placeholder .files-storage .files-storage-text{
	display: inline-block;
	width:80px;
	color:#5C6470;
}
.file-placeholder .files-storage-block {
	position:relative;
}
.file-placeholder .files-text {
	-moz-box-sizing: border-box;
	color: #2067B0;
	display: inline-block;
	font-weight: bold;
	max-width: 100%;
	padding-right: 20px;
	position: relative;
	zoom:1;
}
.file-placeholder .error-load .files-text {
	color:#bb0000;
}
.file-placeholder .f-wrap {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	word-wrap: break-word;
	zoom:1;
}
.file-placeholder .del-but {
	background: url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat 0 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.file-placeholder .files-text .del-but {
	background-position:6px -19px;
	display:inline-block;
	margin-top:-2px;
	position:static;
	vertical-align:top;
}
.file-placeholder .loading .del-but {
    background-position: 7px -20px;
    top: 0;
}
.file-placeholder .files-storage-block .del-but {
    background-position: 7px -20px;
    top: 0;
}
.file-placeholder .info-icon {
	background:url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat -112px -60px;
	display:inline-block;
	height:16px;
	margin-right:10px;
	vertical-align:middle;
	width:17px;
}
.file-placeholder .stor-place {
	display:inline-block;
	margin-left:10px;
	vertical-align:top;
}
.file-placeholder .stor-text {
	display:inline-block;
	border-bottom:1px solid #5c6470;
}
.file-placeholder .stor-pl-arrow {
	background:url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat -130px -23px;
	display:inline-block;
	margin-left:10px;
	height:5px;
	vertical-align:middle;
	width:3px;
}
.file-placeholder .edit-stor {
	background:url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat 4px -64px;
	/*cursor:pointer;*/
	/*display:inline-block;*/
	display: none;
	height:15px;
	margin-left:0px;
	vertical-align:middle;
	width:15px;
}
.file-placeholder .files-path,
.file-placeholder .files-path:visited,
.file-placeholder .files-path:active,
.file-placeholder .files-path:link,
.file-placeholder .files-path:hover {
	border-bottom:1px dashed #5C6470;
	display:inline-block;
	color:#5C6470;
	/*margin-left:10px;*/
	text-decoration:none;
}
.file-placeholder .files-placement,
.file-placeholder .files-placement:visited,
.file-placeholder .files-placement:active,
.file-placeholder .files-placement:link,
.file-placeholder .files-placement:hover {
	display:inline-block;
	color:#5C6470;
	/*margin-left:10px;*/
	text-decoration:none;
}
.file-selectdialog {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #F4F8F9;
    border-color: #CED0D1 #CED1D1 #D3D7D8;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px -1px rgba(164, 164, 164, 0.698) inset;
    margin-bottom: 11px;
    overflow: hidden;
    padding: 13px 30px 0 0;
    position: relative;
	display: none;
}
.file-selectdialog .file-placeholder{
	margin-left: 56px;
}
.file-selectdialog .file-simple .file-placeholder {
	margin-top: 0px;
	margin-left: 90px;
}
.file-selectdialog .file-label {
    background: url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat -146px -186px;
    color: #5C6470;
    font-size: 12px;
    left: 13px;
    padding-left: 20px;
    position: absolute;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    top: 12px;
    width: 54px;
	line-height: 20px;
}
.file-selectdialog .file-extended .file-selector {
    border-radius: 5px 5px 5px 5px;
    color: #A0AEB5;
    font-size: 17px;
    font-weight: bold;
    line-height: 26px;
    margin: 30px 0 10px;
    padding: 24px 3px 43px 191px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.file-selectdialog .file-extended .file-selector-active {
	background-position:57px -88px;
	border:3px dashed #d4dde1;
	padding:21px 0 40px 190px;
}
.file-selectdialog .file-extended .file-selector:hover {
	border:3px dashed #d4dde1;
	padding:21px 0 40px 188px;
}
.file-selectdialog .file-extended .file-load-img {background:url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/loading-place-img.gif") no-repeat 0 0;
	height:79px;
	left:58px;
	top:20px;
	position:absolute;
	width:90px;
}
.file-selectdialog .file-extended .file-selector:hover .file-load-img  {
	background-position:0 -104px;
	left:55px;
	top:17px;
}
.file-selectdialog .file-extended .file-uploader {
    color: #2067B0;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
}
.file-selectdialog .file-extended .file-uploader .file-but-text {
	cursor: pointer;
	display: block;
	width:100%;
	height:100%;
}
.file-selectdialog .file-simple .file-uploader .file-fileUploader {
	/*font-size: 12px;*/
}
.file-selectdialog .file-uploader .file-fileUploader {
	font-size:120px;
	height:85px;
	opacity:0;
	filter: alpha(opacity=0);
	position:absolute;
	right: 0;
	top: -20px;
	cursor: pointer;
}
.file-selectdialog .file-uploader .file-filemacos {
	left:0 !important;
}
.file-selectdialog .file-label2 {
	color: #5C6470;
    font-size: 12px;
    margin-left: 58px;
    padding-bottom: 11px;
}
.file-selectdialog .file-simple,
.file-selectdialog .file-extended {
	display: none;
	margin-left: 30px;
}
.file-selectdialog .file-simple .file-label2 {
	margin-top:20px;
}
.file-selectdialog .file-simple .file-selector{
	color:#5c6470;
	overflow: hidden;
	height: 30px;
	/*font-size:12px;*/
	font-weight:bold;
	margin:6px 0 6px 90px;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);
}
.file-selectdialog .file-simple .file-uploader{
	overflow: hidden;
    position: relative;
	display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
	cursor:pointer;
}
.file-selectdialog .file-simple .file-uploader-left{
    background: url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat 0px -240px;
    display: inline-block;
    height: 25px;
    vertical-align: top;
    width: 4px;
}
.file-selectdialog .file-simple .file-uploader-right{
    background: url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat -7px -240px;
    display: inline-block;
    height: 25px;
    vertical-align: top;
    width: 4px;
}
.file-selectdialog .file-simple .file-but-text{
    background: url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") repeat-x 0 -267px;
    color: #7A808C;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    padding: 2px 10px 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    vertical-align: top;
}
/*region Moved from Blog*/
.feed-add-photo-block-wrap {
	margin-top: -17px;
}

.feed-add-photo-block {
	display: inline-block;
	margin: 17px 17px 0 0;
	min-height: 92px;
	width: 102px;
	padding-right: 21px;
	position: relative;
	vertical-align: top;
}

.feed-add-photo-block .feed-add-post-del-but {
	background-position: 6px -19px;
	background-color: #fff;
	height: 22px;
	top: 1px;
	z-index: 0;
}

.feed-add-img-wrap {
	background: #fff;
	border: 1px solid #e2e6e6;
	-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 2px rgba(137, 137, 137, 0.3);
	display: block;
	text-align: center;
	padding: 4px;
	position: relative;
	z-index: 2;
}

.feed-add-img-title {
	color: #2067b0;
	display: block;
	font-weight: bold;
	font-size: 12px;
	margin-top: 3px;
	overflow: hidden;
}

.feed-add-photo-block .feed-add-close-icon {
	background-color: #fff;
	background-position: 8px -19px;
	height: 22px;
	top: 1px;
	right: 1px;
	width: 22px;
}

.feed-add-photo-block .feed-add-close-icon:hover {
	background-position: -57px -60px;
}

.feed-add-post-del-but {
	background: url("/local/templates/box/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 20px;
	position: absolute;
	width: 20px;
}

/*endregion*/
/* End */


/* Start:/local/components/custom/form.help/templates/.default/style.css?1740468743674*/
.help-form-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 40px 0;

    font-size: 16px;
    font-weight: 400;
    line-height: 19.8px;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

.help-form .ui-input--text textarea {
    min-height: 50px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22.4px;
    padding: 0;
}

.help-form .ui-input--text textarea:disabled {
    opacity: 0.5;
}

.help-form .ui-input--text input {
    height: 32px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22.4px;
    padding: 0;
}

.help-form .reset{
    display: none;
}
/* End */


/* Start:/local/templates/box/components/bitrix/catalog.section/vgrigoriev-slider/style.css?17404687421762*/
/* FIX slick */

.main-section-slick .slick-track {
	display: flex;
}

.main-section-slick {
	display: flex !important;
	overflow: hidden;
	margin: 0 -22.5px;
	--slidesToShow: 4;
}

.main-section__item {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;

}

.main-section-slick>.main-section__item {
	width: calc(100% / var(--slidesToShow) - 45px);
	min-width: calc(100% / var(--slidesToShow) - 45px);
}

.slick-initialized .main-section__item, .main-section__item:nth-child(-n+4) {
	position: relative;
	opacity: 1;
}

@media (max-width: 1200px) {
	.main-section-slick {
		--slidesToShow: 3;
	}
}

@media (max-width: 768px) {
	.main-section-slick {
		--slidesToShow: 2;
	}
}

.main-section .slick-arrow:hover{
	background: #fff;
}

.main-section .slick-next{
	right: 0;
	width: auto;
	height: auto;
	transform: none;
	top: -41px;
}

.main-section .slick-prev{
	right: 40px;
	width: auto;
	height: auto;
	transform: none;
	top: -41px;
	left: auto;
}

.main-section .slick-arrow svg{
	width: 20px;
	height: auto;
}

/* FIX slick */

.main-section__container {
	padding: 0 60px;
}

.main-section {
	margin: var(--margin-default) auto;
	position: relative;
	padding-bottom: 35px;
}

.main-section-slick {
	position: static;
}

.main-section-slick .slick-list {
	/* margin: 0 -10px; */
	min-width: 100%;
}

.main-section__item {
	/* padding: 10px 20px 20px; */
	margin: 0 22.5px;
}

.main-section__item:hover .catalog-item__picture {
	/* outline: 1.5px solid #B4FFDE; */

}

.main-section__item-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-section .slick-dots {
	/* position: static; */
	margin-top: 20px;
	bottom: -30px;
	/* padding-bottom: 25px; */
	left: 0;
	right: 0;
}

.main-section-relative {
	position: relative;
}
/* End */


/* Start:/local/templates/box/components/bitrix/catalog.item/vgrigoriev/style.css?17797852173302*/
.catalog-item {
	background: #FFFFFF;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 0 0 35px 0;
	position: relative;
}

.catalog-item__badges {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	top: 10px;
	left: 0;
	z-index: 1;
	gap: 5px;
}

.badge {
	border-radius: 2px;
	color: #fff;
	padding: 3px 6px;
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	display: inline-block;
}

.badge-round {
	border-radius: 50%;
	width: 46px;
	height: 46px;
	background: #B4FFDE;
	border-radius: 32px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	line-height: 13px;
	color: #000000;
}

.badge-image {
	display: block;
}

.badge-image img {
	display: block;
	width: 92px;
	height: auto;
}

.badge--green {
	background: #62C253;
}

.badge--red {
	background: #E20338
}

.badge--purple {
	background: #782FEF
}

.catalog-item__picture {
	padding-top: 112.5%;
	position: relative;
}

.catalog-item__picture picture {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.catalog-item__picture img {
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

.catalog-item__title {
	font-weight: 500;
	font-size: 18px;
	line-height: 115%;
	margin-top: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	/* text-transform: uppercase; */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 2.3em;
	/* white-space: nowrap; */
}

.catalog-item__articul {
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	margin-top: 4px;
}

.catalog-item__prices {
	display: flex;
	align-items: baseline;
	margin-top: 23px;
}

.catalog-item__price {
	font-weight: 500;
	font-size: 20px;
	line-height: 115%;
	color: #000;
	margin-right: 10px;
}

.catalog-item__price--old {
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	text-decoration-line: line-through;
	color: #777777;
}

.catalog-item__favorite {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 1;
}

.catalog-item__favorite svg path {
	stroke: #D9D9D9;
	fill: #D9D9D9;
}

.btn-fast-item {
	position: absolute;
	z-index: 1;
	bottom: 23px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	background: #B4FFDE !important;
	border-color: #B4FFDE !important;

	font-size: 10px !important;
	line-height: 13px !important;
	letter-spacing: 0.05em;

	display: none !important;
}

@media (min-width: 992px) {
	.catalog-section .catalog-item:hover .btn-fast-item {
		display: block !important;
		opacity: 0.6;
	}

	.btn-fast-item:hover {
		opacity: 1 !important;
		color: #000 !important;
	}
}


@media (max-width: 1200px) {
	.catalog-item__title {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.btn-fast-item {
		display: none !important;
	}

	.catalog-item {
		padding: 0 0 15px 0;
	}

	.catalog-item__title {
		font-size: 14px;
		margin-top: 15px;
	}

	.catalog-item__prices {
		flex-wrap: wrap;
		margin-top: 15px;
	}

	.catalog-item__price {
		margin-top: 5px;
		font-size: 16px;
	}

	.catalog-item__price--old {
		font-size: 12px;
	}
	.catalog-item__articul{
		font-size: 10px;
	}
}


.liked svg path {
	fill: #e20338 !important;
}

.liked svg path {
	stroke: #e20338 !important;
}

/* End */
/* /local/templates/box/components/bitrix/catalog/vgrigoriev/style.css?17798869836798 */
/* /local/templates/box/components/bitrix/catalog.element/vgrigoriev-us/templates/vgrigoriev-us/style.css?177989846015734 */
/* /local/templates/box/components/bitrix/system.pagenavigation/more/style.css?17404687421366 */
/* /local/components/custom/reviewsNew/templates/.default/style.css?174046874211003 */
/* /local/templates/box/components/bitrix/main.file.input/drag_n_drop/style.css?174046874210302 */
/* /local/components/custom/form.help/templates/.default/style.css?1740468743674 */
/* /local/templates/box/components/bitrix/catalog.section/vgrigoriev-slider/style.css?17404687421762 */
/* /local/templates/box/components/bitrix/catalog.item/vgrigoriev/style.css?17797852173302 */
