/* Start:/local/templates/market/components/bitrix/catalog/market_catalog/style.css?1783188471868*/
.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%;
	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 0;
	/*border-bottom: 2px solid #d9dee6;*/
	border-bottom-color: var(--primary);
	color: #ffffff;
}

/* End */


/* Start:/local/templates/market/components/bitrix/catalog.element/market_element/style.css?178319094226734*/
/*region Sidebar */

.product-item-detail-pay-block {
	position: relative;
	margin-bottom: 15px;
	padding: 15px 15px 0;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	background-color: #fff;
}

.bx-retina .product-item-detail-pay-block { border-width: .5px; }

/*endregion*/

/*region Compare*/
.product-item-detail-compare-container {
	position: relative;
	margin: 0 -15px 1px -14px;
	padding: 4px 15px;
	min-height: 30px;
	border-top: 1px solid #e4e4e4;
	background: #f3f3f3;
	box-shadow: inset 0 1px 1px 0 #eee;
	color: #4e4e4e;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
	border-radius: 1px;
}

.product-item-detail-compare .checkbox {
	margin: 0;
	padding: 0;
}

/*endregion*/

/*region Price */
.product-item-detail-price-current {
	color: #d0021b;
	white-space: nowrap;
	font-weight: var(--ui-font-weight-bold);
	text-align: center;
	font-size: 30px;
	line-height: 33px;
	transition: font-size 200ms ease;
}

.product-item-detail-price-old {
	color: #bdbdbd;
	text-align: center;
	text-decoration: line-through;
	white-space: nowrap;
	font-weight: var(--ui-font-weight-bold);
	font-size: 14px;
	line-height: 17px;
}

.product-item-detail-economy-price {
	color: #333;
	text-align: center;
	/*white-space: nowrap;*/
	font-weight: var(--ui-font-weight-bold);
	font-size: 14px;
	line-height: 17px;
}

/*endregion*/

.product-item-detail-info-container-title {
	color: #a5a5a5;
	font-size: 12px;
}

/*region SCU */
.product-item-scu-container-title {
	color: #a5a5a5 !important;
	font-size: 12px;
}

.product-item-scu-block { }

.product-item-scu-list { margin: 0; }

.product-item-scu-item-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 3px;
	max-width: 100%;
	vertical-align: middle;
}

.product-item-scu-item-text-container { min-width: 48px; }

.product-item-scu-item-color-container {
	max-width: 60px;
	width: 25%;
}

.product-item-scu-item-color-block {
	position: relative;
	padding-top: 100%;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; }

.bx-retina .product-item-scu-item-color-block { outline-width: .5px; }

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; }

.product-item-scu-item-color {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.product-item-scu-item-text-block {
	position: relative;
	padding: 0 5px;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; }

.bx-retina .product-item-scu-item-text-block { outline-width: .5px; }

.product-item-scu-item-text-block:hover,
.product-item-scu-item-color-block:hover,
.product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-color: var(--theme-color-primary); }

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; }

.product-item-scu-item-text {
	overflow: hidden;
	max-width: 100%;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	line-height: 18px;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
	position: relative;
	overflow: hidden;
	outline-color: #a9adb4 !important;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
	background-size: 80% 80%;
	content: "";
}

.product-item-selected-scu-container { word-spacing: 1px }

.product-item-selected-scu {
	display: inline-block;
	overflow: hidden;
	padding: 0 5px;
	min-width: 22px;
	height: 22px;
	outline: 1px solid #c0cfda;
	outline-color: var(--theme-color-primary);
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	line-height: 22px;
}

.bx-retina .product-item-selected-scu { outline-width: .5px; }

.product-item-selected-scu-color {
	background-position: center;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

/*endregion*/

/*region Amount*/
.product-item-amount {
	padding: 0 0 2px;
	text-align: center;
}

.product-item-amount-field-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	max-width: 150px;
	margin: 0 auto 15px;
}


.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
	position: relative;
	display: block;
	min-width: 22px;
	height: 22px;
	border-radius: 2px;
	background-color: #f2f2f2;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background 300ms ease, opacity 300ms ease;
}

.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus { border-width: .5px; }

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover { background: #d3d3d3; }

.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
	opacity: .3 !important;
	cursor: default;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #f2f2f2; }

.product-item-amount-field-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease;
}

.product-item-amount-field-btn-plus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-minus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after { opacity: 1; }

.product-item-amount-field-block {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-item-amount-field {
	display: block;
	padding: 0;
	width: 100%;
	height: 22px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent !important;
	color: #000;
	vertical-align: middle;
	text-align: center;
	font-weight: var(--ui-font-weight-bold);
	font-size: 19px;
	line-height: 22px;
	transition: border 300ms ease;
}

.bx-retina .product-item-amount-field { border-width: .5px; }

.product-item-amount-field:focus {
	outline: none !important;
	border-color: #006cc0;
	border-color: var(--theme-color-primary);
}

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.product-item-amount-description-container {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	color: #a5a5a5;
	white-space: nowrap;
	font-size: 12px;
}

.product-item-amount-description-container strong {
	color: #333;
	white-space: nowrap;
}

.product-item-amount-label-container {
	margin: 5px 0;
	color: #a5a5a5;
	font-weight: var(--ui-font-weight-bold);
	font-size: 12px;
}

/**/
.product-item-quantity {
	color: #333;
	font-weight: normal;
	font-size: 12px;
}

/*endregion*/

/*region Buy button*/
.btn.product-item-detail-buy-button {
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 250px;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: var(--ui-font-weight-bold);
	text-transform: uppercase;
}

.product-item-detail-short-card-btn .btn.product-item-detail-buy-button { margin: 0; }

.btn.product-item-detail-buy-button span {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	display: inline-block;
	min-height: 16px;
	max-width: 100%;
	white-space: normal;
	line-height: 16px;
	transform: translateY(-50%);
}

.btn-link.product-item-detail-buy-button { height: 25px; }

/*endregion*/

/*region Slider */
.product-item-detail-slider-container {
	position: relative;
	max-width: 100%;
	background: transparent;
	transition: background 800ms ease;
	z-index: 90;
}

.product-item-detail-slider-block {
	position: relative;
	box-sizing: border-box;
	padding-top: 56.25%;
	height: 0;
}

.product-item-detail-slider-block.product-item-detail-slider-block-square { padding-top: 100%; }

.product-item-detail-slider-images-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.product-item-detail-slider-image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	opacity: 0;
	transition: opacity 250ms linear;
}

.product-item-detail-slider-image.active {
	z-index: 10;
	opacity: 1;
}

.product-item-detail-slider-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	outline: 1px solid transparent;
	background-position: center;
	background-repeat: no-repeat;
	transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease;
	transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 180;
	height: 3px;
	background-color: #006cc0;
	background-color: var(--theme-color-primary)
}

/*endregion*/

/*region Slider Controls*/
.product-item-detail-slider-controls-block {
	padding: 10px 0;
	text-align: center;
}

.product-item-detail-slider-controls-image {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 65px;
	height: 65px;
	outline: 1px solid #c0cfda;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
}

.product-item-detail-slider-controls-image:hover,
.product-item-detail-slider-controls-image.active { outline-color: var(--theme-color-primary); }

.bx-no-retina .product-item-detail-slider-controls-image.active { outline-width: 2px; }

.bx-retina .product-item-detail-slider-controls-image { outline-width: .5px; }

.bx-retina .product-item-detail-slider-controls-image.active { outline-width: 1px; }

.product-item-detail-slider-controls-image img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 65px;
	max-height: 65px;
	width: auto;
	height: auto;
	transform: translateY(-50%) translateX(-50%);
}

.product-item-detail-slider-left,
.product-item-detail-slider-right {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 111;
	display: block;
	width: 25%;
	background: rgba(255, 255, 255, 0) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	opacity: .57;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-detail-slider-left { left: 0; }

.product-item-detail-slider-right {
	right: 0;
	transform: rotate(180deg);
}

.product-item-detail-slider-left:hover,
.product-item-detail-slider-right:hover {
	background-color: rgba(255, 255, 255, .4);
	opacity: .8;
}

.product-item-detail-slider-close { display: none; }

.product-item-detail-slider-container.popup .product-item-detail-slider-close {
	position: absolute;
	top: 4px;
	right: 110px;
	bottom: 0;
	z-index: 150;
	display: block;
	width: 50px;
	height: 50px;
	background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center;
	opacity: .27;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-close:hover { opacity: 1; }

.product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 105px; }

/*endregion*/

/*region magnified*/
.product-item-detail-slider-container.magnified .product-item-detail-slider-image { z-index: 100; }

.product-item-detail-slider-container.magnified .product-item-detail-slider-image img { outline-color: #ddd; }

.product-item-detail-slider-container.magnified .product-item-detail-slider-left,
.product-item-detail-slider-container.magnified .product-item-detail-slider-right { z-index: 50; }

.product-item-detail-slider-container.magnified .product-item-label-text,
.product-item-detail-slider-container.magnified .product-item-label-ring { opacity: 0; }

/*	>>>	popup*/
.product-item-detail-slider-container.popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	background: #fff;
	animation-name: imgPopupShow;
	animation-duration: 300ms;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 105px; }

.product-item-detail-slider-container.popup .product-item-detail-slider-block {
	padding-top: 0;
	height: 100vh;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image {
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 100vh;
	width: calc(100% - 150px);
	transform: translateY(-50%) translateX(-50%);
}

@-webkit-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-moz-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-ms-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-o-keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes imgPopupShow {
	from { opacity: 0; }
	to { opacity: 1; }
}

.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
	max-width: 100%;
	max-height: 90vh;
	width: auto;
	cursor: default
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	padding: 20px;
	border-left: 1px solid #d3d3d3;
	background-color: #fff;
}

.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
	display: block;
	margin-bottom: 20px;
}

/*endregion*/

/*region  Slider Mobile*/
@media (max-width: 767px) {
	.product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 0; }

	.product-item-detail-slider-container.popup .product-item-detail-slider-block {
		padding-top: 0;
		height: calc(100vh - 111px);
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-image { width: 90%; }

	.product-item-detail-slider-container.popup .product-item-detail-slider-image img {
		max-width: 100%;
		max-height: calc(100vh - 115px);
		width: auto;
		cursor: default;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		overflow-x: auto;
		max-height: 111px;
		border-top: 1px solid #d3d3d3;
		border-left: none;
		white-space: nowrap;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-controls-image {
		display: inline-block;
		margin-bottom: 0;
	}

	.product-item-detail-slider-container.popup .product-item-detail-slider-close {
		right: 10px;
		z-index: 200;
	}

	.product-item-detail-slider-left,
	.product-item-detail-slider-right { max-width: 75px; }

	.product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 0; }

}

/*endregion*/

/*region Label*/
.product-item-label-text,
.product-item-label-ring {
	position: absolute;
	z-index: 190;
	opacity: 1;
	transition: opacity 450ms ease;
}

.product-item-label-text span,
.product-item-label-ring {
	display: inline-block;
	clear: both;
	margin-bottom: 2px;
	/*background: #f42c2c;*/
	color: #fff;
	vertical-align: middle;
	text-align: center;
	transition: all 250ms ease;
}

.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring { background-color: #fba90c; }

.product-item-label-text > div,
.product-item-label-ring > div { line-height: 0; }

.product-item-detail-slider-container.popup .product-item-label-text,
.product-item-detail-slider-container.popup .product-item-label-ring { display: none; }

/* TEXT */
.product-item-label-text span {
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: var(--ui-font-weight-bold);
}

.product-item-label-text.product-item-label-small span {
	margin-bottom: 1px;
	padding: 2px 7px;
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
}

.product-item-label-text.product-item-label-big span {
	padding: 4px 10px;
	font-size: 13px;
	line-height: 17px;
}

@media (max-width: 767px) {
	.product-item-label-text > div { line-height: 0; }

	.product-item-label-text.product-item-label-small span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
		margin-bottom: 1px;
		padding: 2px 7px;
		font-size: 10px;
		line-height: 14px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-small span,
	.product-item-label-text.product-item-label-big span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
		margin-bottom: 1px;
		padding: 3px 12px;
		font-size: 14px;
		line-height: 16px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-big span {
		padding: 3px 12px;
		font-size: 20px;
		line-height: 25px;
	}
}

/*RING*/
.product-item-label-ring {
	box-sizing: border-box;
	border-radius: 50%;
	font-weight: var(--ui-font-weight-bold);
}

.product-item-label-ring.product-item-label-small {
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
}

.product-item-label-ring.product-item-label-big {
	width: 50px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
}

@media (max-width: 767px) {
	.product-item-label-ring.product-item-label-small,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
		width: 20px;
		height: 20px;
		font-size: 13px;
		line-height: 20px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-small,
	.product-item-label-ring.product-item-label-big,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
		width: 35px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-big {
		width: 70px;
		height: 70px;
		font-size: 24px;
		line-height: 70px;
	}
}

.product-item-label-top { top: -5px; }

.product-item-label-center {
	left: 50%;
	transform: translateX(-50%);
}

.product-item-label-center > div { text-align: center; }

/*.product-item-label-left { left: -5px; }*/

/*.product-item-label-left > div { text-align: left; }*/

.product-item-label-bottom { bottom: -5px; }

.product-item-label-middle {
	top: 50%;
	transform: translateY(-50%);
}

.product-item-label-right { right: -5px; }

.product-item-label-right > div { text-align: right; }

.product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); }

/*endregion*/

/*region  Tabs */
.product-item-detail-tabs-container {
	min-height: 60px;
	border-bottom: 1px solid #ededed;
}

.product-item-detail-tabs-list {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-item-detail-tabs-list:after {
	display: table;
	clear: both;
	content: "";
}

.product-item-detail-tab {
	float: left;
	min-height: 60px;
}

.product-item-detail-tab-link {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 25px;
	height: 60px;
	color: #000;
	vertical-align: middle;
	text-transform: uppercase;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-weight: var(--ui-font-weight-bold);
	font-size: 13px;
	line-height: 45px;
	transition: all 250ms ease;
}

.product-item-detail-tab-link:hover,
.product-item-detail-tab.active .product-item-detail-tab-link {
	color: #006cc0;
	color: var(--theme-color-primary);
	text-decoration: none;
}

.product-item-detail-tab-link:after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 0;
	background: #006cc0;
	background: var(--theme-color-primary);
	content: "";
	transition: all 250ms ease;
}

.product-item-detail-tab-link:hover:after,
.product-item-detail-tab.active .product-item-detail-tab-link:after { height: 3px; }

.product-item-detail-tab-link:active:after { height: 6px; }

.product-item-detail-tab-content { padding: 25px 0; }

@media (max-width: 991px) {
	.product-item-detail-tabs-container { display: none !important; }

	.product-item-detail-tab-content { display: block !important; }
}

/*Tab fixed*/
.product-item-detail-tabs-container-fixed {
	position: fixed;
	top: -100px;
	right: 0;
	left: 0;
	z-index: 300;
	background-color: #fff;
	box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23);
	transition: top 350ms linear;
}

.product-item-detail-tabs-container-fixed {
	min-height: 45px;
	background: #fff;
}

.product-item-detail-tabs-container-fixed.active {
	top: 0;
	opacity: 1;
}

.product-item-detail-tabs-container-fixed .product-item-detail-tabs-list {
	margin: 0 auto;
	max-width: 1048px;
}

.product-item-detail-tabs-container-fixed .product-item-detail-tab { min-height: 45px; }

.product-item-detail-tabs-container-fixed .product-item-detail-tab-link {
	padding: 10px 25px;
	height: 45px;
	line-height: 25px;
}

.bx-touch .product-item-detail-tabs-container-fixed { display: none !important; }

/*endregion*/

/*region Small Card*/
.product-item-detail-short-card-fixed {
	position: fixed;
	top: -85px;
	right: 0;
	left: 0;
	z-index: 310;
	box-sizing: border-box;
	height: 85px;
	background-color: #fff;
	box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23);
	transition: top 220ms linear;
}

.product-item-detail-short-card-fixed.active {
	top: 0;
	opacity: 1;
}

.product-item-detail-short-card-fixed.active + .product-item-detail-tabs-container-fixed.active { top: 85px; }

.bx-touch .product-item-detail-short-card-fixed { display: none !important; }

.product-item-detail-short-card-fixed .product-item-detail-short-card-content-container {
	margin: 0 auto;
	max-width: 1048px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-item-detail-short-card-image {
	padding-right: 15px;
	width: 80px;
	max-width: 80px;
	vertical-align: middle;
	text-align: center;
}

.product-item-detail-short-card-image img {
	max-width: 100%;
	height: auto;
	max-height: 65px;
	width: auto;
}

.product-item-detail-short-title-container {
	max-width: 650px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-item-detail-short-title-text {
	display: block;
	color: #000;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 16px;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.product-item-detail-short-card-price {
	padding: 0 10px;
	vertical-align: middle;
	text-align: right;
}

.product-item-detail-short-card-btn {
	padding-left: 10px;
	min-width: 120px;
}

/*endregion*/

/*region Properties */
.product-item-detail-tab-content { display: none; }

.product-item-detail-tab-content.active { display: block; }

.product-item-detail-tab-content h3 {
	margin-bottom: 10px;
	font-weight: var(--ui-font-weight-bold);
	font-size: 14px;
}

.product-item-detail-properties {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.product-item-detail-properties-item {
	margin-bottom: 5px;
	display: flex;
	align-items: stretch;
}

.product-item-detail-properties-dots {
	border-bottom: 1px dotted #a5a5a5;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.product-item-detail-properties-name,
.product-item-detail-properties-value {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 50%;
	width: auto;
	font-size: 12px;
}

.product-item-detail-properties-name {
	padding-right: 3px;
	color: #a5a5a5;
}

.product-item-detail-properties-value {
	color: #fff !important;
	padding-left: 3px;
	text-align: right;
}

/*endregion*/

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type='number'] { -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
/* End */


/* Start:/local/templates/market/components/bitrix/catalog.element/market_element/css/card.css?178619237124936*/
/**
 * card.css — стили карточки товара.
 *
 * Подключается из template.php через $this->addExternalCss() (шаг 1.4).
 * Владелец файла — card-ui (ops/docs/CONTRACT.md §1).
 *
 * Зачем отдельный файл: local/templates/market/template_styles.css (148 КБ)
 * общий на весь сайт и на время задачи заморожен. Всё, что нужно карточке,
 * пишем сюда; если мешает правило из общего файла — перебиваем здесь,
 * а факт фиксируем в ops/docs/state/<агент>.md, чтобы потом почистить одним заходом.
 *
 * Соседние файлы того же назначения (создают их владельцы, подключает card-data):
 *   css/card-gallery.css    — card-gallery
 *   css/card-comments.css   — card-comments
 *   css/card-responsive.css — card-responsive
 */

/* Маркер подключения. Ничего не красит, но по нему видно, что файл доехал:
   getComputedStyle(document.querySelector('.panel__main-info')).getPropertyValue('--card-css') */
.panel__main-info {
	--card-css: 1;
}

/* --------------------------------------------------------------------------
   Шаг 2.6. Скрытые значки избранного и сравнения.

   Атрибут hidden сам по себе здесь не работает: правило .popup__links a
   из template_styles.css задаёт display:inline-block, а селектор по классу
   сильнее браузерного [hidden]{display:none}. Возвращаем поведение атрибуту.
   -------------------------------------------------------------------------- */
.panel__main-info [hidden] {
	display: none !important;
}

/* --------------------------------------------------------------------------
   Шаг 2.4. Цена.

   Единица измерения и «Цена по запросу» — соседи .popup__new-price, а не его
   содержимое: внутренности этого узла переписывает штатный script.js при смене
   количества и SKU.
   -------------------------------------------------------------------------- */
.panel__main-info .card__price-unit {
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 130%;
	/* в эталоне единица отбита от ₽ обычным пробелом («1 245 ₽ /уп»),
	   а у нас это соседний узел — отбиваем отступом */
	margin-left: 5px;
}

.panel__main-info .card__price-request {
	font-weight: 500;
	font-size: 15px;
	line-height: 130%;
	color: var(--lgr);
}

/* Старая цена показывается только при реальной скидке. На сегодняшних данных
   каталога скидок нет, поэтому узел почти всегда скрыт — но он обязан
   существовать: его ищет script.js. */
.panel__main-info .card__price-old {
	display: inline-block;
	margin-left: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 130%;
	color: var(--lgr);
	text-decoration: line-through;
}

.panel__main-info .card__price-old i {
	font-style: normal;
}

/* --------------------------------------------------------------------------
   Шаг 2.7. Рейтинг.

   В эталоне это пять значков .offer__star 16×16 (красная звезда — оценка,
   серая — пустая). Здесь звёзды рисует компонент голосования: они кликабельны,
   и переписывать его шаблон нельзя — файл принадлежит card-comments
   (CONTRACT.md §1). Поэтому приводим к эталону размером и цветом.

   Заполненная и пустая звёзды различаются только атрибутом width у <svg>
   (16 и 15 — см. iblock.vote/market_vote/template.php). Селектор по атрибуту
   от нашей же правки width не зависит: она меняет вычисленный размер,
   а не разметку. Если шаблон голосования поменяют — сюда придётся вернуться.
   -------------------------------------------------------------------------- */
.panel__main-info .offer__rating .bx-rating {
	display: inline-flex;
	width: auto;
	vertical-align: middle;
	gap: 3px; /* шаг между звёздами в эталоне — 19px при значке 16px */
}

/* Звезда рисуется фоном — тем же файлом, что и в эталоне (img/star.svg,
   img/star2.svg), а штатный контурный глиф прячется. Так силуэт совпадает
   с дизайном пиксель в пиксель, и при этом сохраняются клики и подсветка:
   разметку компонента голосования мы не трогаем (файл card-comments). */
.panel__main-info .offer__rating .bx-rating-icon-container svg {
	display: block;
	width: 16px;
	height: 16px;
	background: url('/local/templates/market/img/star2.svg') no-repeat center / 16px 16px;
}

.panel__main-info .offer__rating .bx-rating-icon-container svg .bx-rating-icon {
	display: none;
}

/* Заполненная звезда отличается от пустой только атрибутом width (16 против 15
   — см. iblock.vote/market_vote/template.php); от нашей правки размера атрибут
   не зависит. Второй селектор — подсветка при наведении: JCFlatVote вешает
   bx-star-active на контейнеры слева от курсора, а правила под этот класс
   на сайте не было вовсе, и превью оценки не работало. */
.panel__main-info .offer__rating .bx-rating-icon-container svg[width="16"],
.panel__main-info .offer__rating .bx-rating-icon-container.bx-star-active svg {
	background-image: url('/local/templates/market/img/star.svg');
}

/* --------------------------------------------------------------------------
   Блок консультации обязан быть выше своей кнопки.

   Замечание заказчика (сессия H). Кнопка «Консультация с менеджером» вылезала
   на 3 px вниз и ложилась на разделитель следующего блока: при 1440 её низ
   стоял на 745, а низ .popup__consult — на 742.

   Арифметика чужих правил, все три числа из template_styles.css:
     * .popup__consult — padding: 12px 0 и position: relative (:3648);
     * .popup__consult button — position: absolute; right: 0 (:3662), то есть
       из потока вынута и высоту блоку не задаёт. Вертикально она встаёт
       по статической позиции — сразу под верхним padding'ом, на 12 px;
     * .panel__main-info .popup__consult button — height: 45px (:4511).
   Итого кнопке нужно 12 + 45 + 12 = 69 px, а блок вырастал по рейтингу — 55 px.
   В эталоне этого нет только потому, что там кнопка ниже: 38,82 px (:3662),
   и 12 + 38,82 укладывается в те же 55.

   Почему min-height, а не «вернуть кнопку в поток». Поток кажется чище, но он
   меняет раскладку эталона: .popup__consult — флекс с flex-wrap: wrap, и кнопка
   270 px на средних ширинах уезжала бы во вторую строку, чего в эталоне нет.
   Резервируем высоту — раскладка остаётся ровно эталонной, кнопка стоит там же,
   где стояла, и просто перестаёт свисать.

   До 575 px правило неактивно по факту: там template_styles.css:6202 возвращает
   кнопку в поток на всю ширину, и блок и так 110 px (замерено на 320 и 375).
   Меняется высота кнопки — меняется и это число.
   -------------------------------------------------------------------------- */
.panel__main-info .popup__consult {
	min-height: 69px;
}

/* Значки избранного и сравнения скрыты (шаг 2.6), а у их обёртки в общих
   стилях есть border-left — без иконок он превращался в висящую в воздухе
   чёрточку. Обёртка скрыта тем же hidden, поэтому рейтингу больше не нужен
   отступ, которым он отбивался от значков. */
.panel__main-info .popup__consult .offer__rating {
	margin-left: 0;
}

.panel__main-info .offer__rating a {
	vertical-align: middle;
	font-size: 12px; /* в эталоне мельче, но там подпись нечитаема */
	margin-left: 8px;
}

/* --------------------------------------------------------------------------
   Шаг 4.1. Строка табов.

   Разметка несёт два набора классов сразу: эталонные .panel__tabs-nav из
   template_styles.css (пилюля 217×40 со значком слева и нахлёстом −30px) и штатные
   .product-item-detail-tab* из style.css компонента (на них завязан script.js).
   Второй набор перебивает первый и портит вид:

     * .product-item-detail-tab { float: left; min-height: 60px } — из-за float
       у самого ul вычисленная высота 0 (клирфикс в style.css висит на соседнем
       классе .product-item-detail-tabs-list, которого на нашем ul нет), поэтому
       margin-bottom эталона ни на что не влияет и перенос строки некуда положить;
     * .product-item-detail-tabs-container { min-height: 60px; border-bottom: 1px } —
       лишние 20px высоты и серая черта под табами, которой в эталоне нет.

   Убираем float в пользу flex: он и высоту ul возвращает, и перенос делает
   управляемым. Нахлёст −30px оставлен как в эталоне — правый край пилюли
   (bg17.svg) нарисован под то, что следующая наезжает на него.
   -------------------------------------------------------------------------- */
.panel__main-info .product-item-detail-tabs-container {
	min-height: 0;
	border-bottom: 0;
}

.panel__main-info .panel__tabs-nav {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
}

.panel__main-info .panel__tabs-nav > li {
	float: none;
	min-height: 0;
	/* нижний отступ нужен только перенесённым строкам, но задать его точечно
	   нечем: какой пункт окажется первым во второй строке, знает только браузер */
	margin: 0 -30px 10px 0;
}

/* У последнего пункта нахлёста быть не может — накладываться не на что,
   а флексбокс считает по нему ширину строки. С общим −30px строка из шести
   пунктов «влезала» в контейнер 1212px (сумма 1207) и последняя пилюля
   вылезала за его правый край ровно на эти 30px: переноса не было, потому
   что арифметика не сходилась с картинкой. Обнулили — и перенос случается
   тогда же, когда пункт перестаёт помещаться на самом деле. */
.panel__main-info .panel__tabs-nav > li:last-child {
	margin-right: 0;
}

/* Пилюля эталона — ровно 217px, и «Хранение и транспортировка» в неё не влезает:
   под текст остаётся 155px из-за padding-left под значок. Поэтому 217px становится
   МИНИМУМОМ, а длинный заголовок раздвигает пилюлю и не переносится внутрь неё
   (высота фиксирована 40px — вторая строка текста вылезла бы за фон).

   padding-right ОБЯЗАН быть больше нахлёста (30px), иначе хвост длинного названия
   уезжает под соседнюю пилюлю. Приёмка Э7: при 25px последняя буква «Хранения
   и транспортировки» была закрыта на 4,4px = 30 − 25, и клик по ней открывал
   СОСЕДНЮЮ вкладку (elementFromPoint отдавал comments). В эталоне это не всплывало:
   там три коротких названия, до правого края оставался запас. 36px = 30 нахлёста
   + 6 воздуха. Пилюли, стоящие на минимуме, от этого не растут — padding съедает
   пустоту внутри min-width; шире становятся только длинные, и ровно на 11px. */
.panel__main-info .panel__tabs-nav > li > a {
	width: auto;
	min-width: 217px;
	padding-right: 36px;
	white-space: nowrap;
}

/* DEF-015. Ровно на 1280px контейнер карточки не 1280, а 1212px — фиксированные
   1280 он получает только с 1281px. Шести пунктам при минимуме 217px нужно 1237px
   (пять по 187 с нахлёстом + «Хранение и транспортировка», которой мало 217 и она
   занимает 302), и последний уезжал во вторую строку. Расчёт «1122px» в DECISIONS.md
   исходил из 187px на КАЖДЫЙ пункт — на живых данных так не выходит.
   Ниже 1281px минимум пилюли — 187px (это ширина пункта с учётом нахлёста, то самое
   число из решения). Текст при этом не режется: пилюля всё так же раздвигается
   под содержимое, просто перестаёт держать лишнюю пустоту. Шесть пунктов
   укладываются в 1087px из 1212 доступных. */
@media (max-width: 1280px) {
	.panel__main-info .panel__tabs-nav > li > a {
		min-width: 187px;
	}
}

/* Активный пункт. В эталоне подсветка висит на самой ссылке (a.selected),
   а штатный changeTab() из script.js:1306 ставит класс active на <li> —
   повторяем тот же вид на потомке. Правило .panel__tabs-nav li a.active
   в общих стилях тоже есть, но на наших узлах класс не там. */
.panel__main-info .panel__tabs-nav > li.active > a {
	background: url('/local/templates/market/img/bg17.svg') no-repeat right / contain,
		linear-gradient(360deg, rgba(234, 63, 40, 0) 0%, rgba(234, 63, 40, 0.4) 48.25%),
		var(--gr);
	border: 1.03279px solid var(--red);
	box-shadow: var(--bx);
}

.panel__main-info .panel__tabs-nav > li.active > a svg path {
	fill: var(--mn);
}

/* --------------------------------------------------------------------------
   Шаги 4.2–4.4. Содержимое табов.

   Коробка таба — .panel__tab из эталона (тёмный фон, скругление, вензель
   bg18.svg в правом верхнем углу). Отступы задаём явно: у .panel__tab
   и у штатного .product-item-detail-tab-content одинаковая специфичность,
   и кто из них победит, зависит от порядка подключения файлов, а не от смысла.
   Показ и скрытие остаются за штатными правилами (.active) и BX.show/BX.hide.
   -------------------------------------------------------------------------- */
.panel__main-info .panel__tab {
	padding: 25px;
	margin-bottom: 15px;
}

/* Заголовок внутри коробки таба нужен только там, где нет строки табов:
   ниже 991px style.css компонента прячет .product-item-detail-tabs-container
   и показывает все контейнеры сразу (display: block !important). Правило старое
   и общее для сайта, мобильную раскладку табов доводит шаг 6.4. */
.panel__main-info .card__tab-title {
	display: none;
}

@media (max-width: 991px) {
	.panel__main-info .card__tab-title {
		display: block;
		margin-bottom: 15px;
		font-weight: 500;
		font-size: 16px;
		line-height: 130%;
		color: var(--red);
	}
}

/* Содержимое табов заводит администратор: там бывают таблицы с инлайновой
   шириной (например width: 400px в settings) и полноразмерные картинки.
   Ни то ни другое не должно распирать страницу — таблица скроллится внутри
   своего блока. Тонкую настройку под узкие экраны доделывает шаг 6.4. */
.panel__main-info .card__tab-html {
	max-width: 100%;
	overflow-x: auto;
}

.panel__main-info .card__tab-html img {
	max-width: 100%;
	height: auto;
}

/* --------------------------------------------------------------------------
   Строки авторских таблиц не должны слипаться.

   Замечание заказчика (сессия H). У ячеек padding: 0, border-collapse: collapse,
   border-spacing: 0 — строки шли впритык, таблица читалась сплошным полотном.
   Атрибуты cellpadding="0"/border="0", которыми размечен авторский HTML, тут
   ни при чём в обе стороны: даже стояло бы там cellpadding="8", сброс стилей
   сайта всё равно перебил бы атрибут.

   ГДЕ ИМЕННО. Селектор обязан целиться строго в контент вкладок карточки:
   таблицы на сайте есть и в других местах (корзина, заказ, новости), а наши
   сьюты смотрят только карточку и утечки не увидели бы. Защит две, независимые:
     * класс `card__tab-html` печатает только parts/tabs.php этого шаблона —
       в остальном репозитории его нет ни разу;
     * префикс `.panel__main-info` — контейнер карточки.
   Плюс сам файл приезжает только на детальную страницу. Проверено после выката
   на шести соседних страницах: правила в их css-бандлах нет.

   Скролл широких таблиц не ломается: он живёт на коробке `.card__tab-html`
   (overflow-x: auto выше), а padding меняет ширину таблицы ВНУТРИ коробки.
   У товара 1334 таблицы 400 и 700 px как скроллились внутри своей коробки,
   так и скроллятся — замерено на 375, 768 и 1440 до и после.

   Крайние ячейки без бокового padding'а: иначе таблица уезжала бы вправо
   относительно текста, который идёт над ней в той же коробке.

   Цвет разделителя не выдуман: var(--mgr) — ровно то, чем сайт УЖЕ рисует
   разделители в таблицах вкладок (`.popup__desc .tab__content table td`,
   template_styles.css:3551). Сначала стоял var(--dgr) #232526 — он темнее фона
   коробки var(--gr) #383C41 и на экране почти сливался: линии были, а «слипаются»
   читалось по-прежнему. Сверено скриншотами обоих вариантов на товаре 962.
   -------------------------------------------------------------------------- */
.panel__main-info .card__tab-html table td,
.panel__main-info .card__tab-html table th {
	padding: 8px 14px;
	border-bottom: 1px solid var(--mgr);
}

.panel__main-info .card__tab-html table td:first-child,
.panel__main-info .card__tab-html table th:first-child {
	padding-left: 0;
}

.panel__main-info .card__tab-html table td:last-child,
.panel__main-info .card__tab-html table th:last-child {
	padding-right: 0;
}

/* Последней строке разделитель не нужен — под ней и так край коробки. */
.panel__main-info .card__tab-html table tr:last-child > td,
.panel__main-info .card__tab-html table tr:last-child > th {
	border-bottom: 0;
}

/* «Дополнительно» — сгенерированный список характеристик под авторской
   таблицей. Заголовок появляется только вместе с таблицей (см. parts/tabs.php). */
.panel__main-info .card__specs-title {
	margin: 25px 0 10px;
	font-weight: 700;
	font-size: 15px;
	line-height: 130%;
}

.panel__main-info .card__specs {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* --------------------------------------------------------------------------
   Точки-выноски в «Дополнительно»: цифра должна стоять на той же линии,
   что и точки.

   Замечание заказчика 08.08.2026: «в дополнительно не все цифры совпадают
   с линиями от параметров, не совпадают там, где параметры не помещаются
   в одну строку».

   Причина замерена на живой странице. Строка — flex с тремя детьми:
     .product-item-detail-properties-name   (flex: 0 0 auto)
     .product-item-detail-properties-dots   (flex: 1 1 0, border-bottom: dotted)
     .product-item-detail-properties-value  (flex: 0 0 auto)
   и у самой строки align-items: stretch (значение по умолчанию).

   Пока имя влезает в одну строку, высоты всех трёх равны 18 px и всё сходится.
   Как только имя переносится (36 px на две строки, 54 px на три), stretch
   растягивает и точки, и значение на всю высоту строки. Дальше расходятся
   два поведения: border-bottom у точек рисуется по НИЖНЕМУ краю растянутой
   коробки, а текст значения выводится по ВЕРХНЕМУ. Отсюда и разъезд —
   цифра вверху, точки внизу.

   flex-end складывает коробки по содержимому и прижимает их низ к низу строки,
   то есть к последней строке имени. Однострочные строки не меняются: там все
   три ребёнка и так одной высоты.
   -------------------------------------------------------------------------- */
.panel__main-info .product-item-detail-properties-item {
	align-items: flex-end;
}

/* End */


/* Start:/local/templates/market/components/bitrix/iblock.vote/market_vote/style.css?1782571794573*/
/* iblock.vote — market_vote (звёзды рейтинга)
   Раскладка и цвет звёзд — на Tailwind-утилитах в template.php
   (inline-flex + gap + text-*). Звёзды используют currentColor, поэтому
   цвет задаётся классом text-* на контейнере .bx-rating.
   НЕ переименовывать: ID vote_{ID}_{i}, обработчики onclick/onmouseover,
   класс bx-star-active — на них завязан JCFlatVote (script.js). */
.bx-rating-icon { fill: currentColor; }

/* End */


/* Start:/local/templates/market/components/bitrix/catalog.element/market_element/css/card-gallery.css?178619437019007*/
/**
 * card-gallery.css — галерея карточки товара (этап Э3).
 *
 * Подключается из parts/gallery.php через $this->addExternalCss().
 * Владелец файла — card-gallery (ops/docs/CONTRACT.md §1).
 *
 * Правило то же, что у соседей: local/templates/market/template_styles.css
 * заморожен, styles.css сайта — чужой. Всё, что нужно галерее, пишем сюда
 * и перебиваем чужие правила своей специфичностью, а не !important.
 *
 * Специфичность выбрана осознанно: .panel__main-info .popup__photos X (0,3,0)
 * сильнее и штатного style.css компонента (0,1,0), и правил эталона
 * из styles.css (0,2,0). Порядок подключения файлов на это не влияет.
 */

/* Маркер подключения — виден так же, как у card.css:
   getComputedStyle(document.querySelector('.popup__photos')).getPropertyValue('--card-gallery-css') */
.popup__photos {
	--card-gallery-css: 1;
}

/* --------------------------------------------------------------------------
   Шаг 3.1. Видимые стрелки вместо невидимых зон наведения.

   Штатные span'ы слайдера — это две прозрачные полосы в 25 % ширины картинки
   с чёрным шевроном-фоном под opacity .57: на тёмной подложке карточки их
   не видно, и заказчик справедливо считает, что стрелок нет.

   Узлы остаются те же (на них висит клик из script.js), меняется только вид:
   гасим фон-шеврон и ширину в четверть картинки, ставим коробку 44×44 —
   палец на мобиле попадает, — а внутри неё шеврон эталона 13×27.
   Позиция как в styles.css: центр стрелки в 24-25 px от края картинки.
   -------------------------------------------------------------------------- */
.panel__main-info .popup__photos .product-item-detail-slider-left,
.panel__main-info .popup__photos .product-item-detail-slider-right {
	/* z-index обязателен и проверен руками. Класс эталона .offer__slider-nav
	   несёт z-index:3 и в styles.css идёт позже штатного style.css компонента
	   с его z-index:111 — при равной специфичности выигрывал эталонный. Тройка
	   ниже, чем z-index:10 у активного фото, а .product-item-detail-slider-image
	   растянут на весь блок: стрелка оставалась видимой (сам div прозрачный),
	   но клик забирало фото — и открывалось увеличение вместо перелистывания.
	   Синтетический nav.click() из консоли этого не показывает: он бьёт прямо
	   в узел, минуя попадание курсором. */
	z-index: 111;
	top: 50%;
	bottom: auto;
	width: 44px;
	height: 44px;
	margin: 0;
	background: none;
	opacity: 1;
	transform: translateY(-50%);
	transition: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.panel__main-info .popup__photos .product-item-detail-slider-left {
	left: 3px;
	right: auto;
}

.panel__main-info .popup__photos .product-item-detail-slider-right {
	right: 3px;
	left: auto;
}

/* Наведение штатного слайдера подсвечивало всю полосу белым — не нужно:
   в эталоне на наведении меняется только цвет шеврона. */
.panel__main-info .popup__photos .product-item-detail-slider-left:hover,
.panel__main-info .popup__photos .product-item-detail-slider-right:hover {
	background: none;
	opacity: 1;
}

/* Стрелка — это span с role="button": видимый фокус браузер ей не рисует,
   рисуем сами, иначе клавиатурой не видно, где находишься. */
.panel__main-info .popup__photos .product-item-detail-slider-left:focus-visible,
.panel__main-info .popup__photos .product-item-detail-slider-right:focus-visible {
	outline: 2px solid #ea3f28;
	outline-offset: 2px;
	border-radius: 4px;
}

.panel__main-info .popup__photos .product-item-detail-slider-left svg,
.panel__main-info .popup__photos .product-item-detail-slider-right svg {
	display: block;
	width: 13px;
	height: 27px;
	pointer-events: none;
}

/* Цвета эталона: красный шеврон, белый на наведении.
   CSS сильнее презентационного атрибута stroke="white" в самой svg. */
.panel__main-info .popup__photos .product-item-detail-slider-left svg path,
.panel__main-info .popup__photos .product-item-detail-slider-right svg path {
	stroke: #ea3f28;
	transition: stroke 200ms ease;
}

.panel__main-info .popup__photos .product-item-detail-slider-left:hover svg path,
.panel__main-info .popup__photos .product-item-detail-slider-right:hover svg path {
	stroke: #fff;
}

/* --------------------------------------------------------------------------
   Метка «Новинка»/«Популярный» не должна попадать под обрез галереи.

   Замечание заказчика (сессия H). На товаре 1298 при 1440 правый край метки
   стоял на 1372 при правом крае .popup__photos 1358 — 14 px уезжало под обрез,
   а у «Популярного» и того больше: сам текст (span 101 px) вылезает из коробки
   метки шириной 90 px и доходил до 1383, то есть срезалось 25 px и последние
   буквы читались наполовину.

   Виноваты два числа, и оба чужие:
     * `right: -15px !important` — правило .product-item-label-text из style.css
       ШАБЛОНА ЛИСТИНГА (catalog.item/market_item). В листинге метка нарочно
       выступает за край картинки, и там это работает: у карточки листинга
       обрез мягче. На детальной странице тот же css приезжает вместе с блоками
       «просмотренные»/«рекомендуемые», а .popup__photos закрыта overflow: hidden;
     * `width: 90px` там же — коробка уже длинной подписи, и текст из неё вылезает.

   overflow: hidden не трогаем — он держит скругления галереи (DEF-009, Э3).

   ПОПРАВКА 08.08.2026 по второму замечанию заказчика: «бейдж съехал и не прижат
   к краю карточки». Первая версия ставила right: 28px — с запасом больше радиуса
   скругления (26,74), чтобы угол пилюли не ушёл под обрез. Обрез действительно
   пропал, но метка повисла в 29 px от края, и это заметно: в листинге и в эталоне
   она сидит в углу.

   Разбор показал, что перестраховка была лишней. Метку срезало не из-за отступа,
   а из-за `width: 90px` — сам ТЕКСТ (101 px у «Популярного») вылезал за пределы
   пилюли и уходил под обрез. Ширину мы уже отпустили в auto, и с этого момента
   пилюля целиком помещается внутрь контейнера при right: 0.

   Но right: 0 при top: 0 — это вторая крайность, и замер это поймал. Дуга
   скругления съедает пиксели тем сильнее, чем ближе к верхнему краю: на высоте
   2 px от кромки она забирает по горизонтали 15,8 px, и правые буквы уходили
   под обрез на 3 px. Коробка при этом «помещалась» — не помещался ТЕКСТ,
   ровно как и в первый раз.

   Поэтому метка прижата к правому краю и опущена на 6 px. Геометрия:
   на высоте y от кромки дуга забирает r - sqrt(r² - (r-y)²). При y = 7
   (верх текста: 6 px смещения + 1 px до глифов) это 8,7 px, а свободного места
   между текстом и краем 13 px — запас 4,3 px. При y = 2 запаса не было вовсе.

   Меняется радиус галереи или padding пилюли — пересчитать здесь же. Проверка
   в сьюте S8 меряет не коробку, а границы ГЛИФОВ против дуги: коробка может
   помещаться, когда текст уже срезан, и оба раза дефект жил именно в этом зазоре.

   !important нужен: у чужого правила он есть, а без него специфичность не спасает.
   -------------------------------------------------------------------------- */
.panel__main-info .popup__photos .product-item-label-text {
	right: 0 !important;
	top: 0 !important;
	/* коробка по содержимому: 90 px остаётся минимумом ради коротких подписей
	   («Новинка» — 75 px), длинные раздвигают её и больше не торчат наружу */
	width: auto;
	min-width: 90px;
	max-width: calc(100% - 28px);
}

/* Отодвигаем от дуги ТЕКСТ, а не всю метку.

   Пилюля прижата к верхнему правому углу — так она стоит и в листинге,
   и в эталоне. Её собственное скругление сверху справа 22,7 px почти совпадает
   с 26,74 px у галереи, поэтому обрез срезает у пилюли считанные пиксели
   прозрачного уголка и выглядит это как задумано.

   Под дугу заходит только текст: на высоте первых строк глифов она съедает
   около 12 px по горизонтали, а внутреннее поле пилюли было 10-12 px — впритык
   или чуть меньше. Поэтому увеличиваем правое поле до 20 px: пилюля остаётся
   на месте, а буквы уходят от дуги с запасом.

   Левое поле не трогаем: слева ни обреза, ни дуги нет. */
.panel__main-info .popup__photos .product-item-label-text span {
	padding-right: 20px;
}

/* --------------------------------------------------------------------------
   Шаг 3.2. Лента превью.

   Штатный вид — белые квадраты 65×65 с синеватой обводкой outline. В эталоне
   это скруглённые плитки с красной рамкой у активной. Активную плитку штатный
   JS помечает классом .active (в эталонном swiper это .swiper-slide-thumb-active,
   переименовывать нельзя — на .active завязан script.js).

   Лента не переносится, а скроллится вбок: у товара бывает семь фото
   (профиль no_specs), и на узком экране перенос ломал бы высоту блока.
   -------------------------------------------------------------------------- */
.panel__main-info .popup__photos .product-item-detail-slider-controls-block {
	padding: 14px;
	box-sizing: border-box;
	font-size: 0;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
}

.panel__main-info .popup__photos .product-item-detail-slider-controls-block::-webkit-scrollbar {
	display: none;
}

.panel__main-info .popup__photos .product-item-detail-slider-controls-image {
	width: 72px;
	height: 72px;
	margin: 0 8px 0 0;
	border: 1px solid transparent;
	border-radius: 22px;
	outline: none;
	background-color: #fff;
	vertical-align: middle;
	transition: border-color 200ms ease;
}

.panel__main-info .popup__photos .product-item-detail-slider-controls-image:last-child {
	margin-right: 0;
}

.panel__main-info .popup__photos .product-item-detail-slider-controls-image:hover,
.panel__main-info .popup__photos .product-item-detail-slider-controls-image.active {
	border-color: #f33d30;
	outline: none;
}

.panel__main-info .popup__photos .product-item-detail-slider-controls-image img {
	max-width: 100%;
	max-height: 100%;
}

/* --------------------------------------------------------------------------
   Большая картинка: пропорция эталона и увеличение по клику.

   В эталоне слайд занимает 593 px при ширине блока 620 — это 95,6 %.
   Держим именно пропорцию, а не пиксели: на 1281–1500 px сайт сужает
   .popup__photos до 460 px, и жёсткая высота дала бы узкий колодец.
   Ниже 1281 px сайт сам кладёт галерею под информационный блок во всю ширину —
   там остаётся штатные 16:9, иначе картинка занимала бы весь экран.
   -------------------------------------------------------------------------- */
.panel__main-info .popup__photos .product-item-detail-slider-images-container {
	cursor: zoom-in;
}

@media (min-width: 1281px) {
	.panel__main-info .popup__photos .product-item-detail-slider-block {
		padding-top: 95.6%;
	}

	/* DEF-009. Галерея на широких экранах вынута из потока
	   (position:absolute; top:20px — правило .popup__photos в styles.css сайта),
	   поэтому верхний блок её высоту не учитывает: он растёт по информационному
	   блоку, а тот у нас 504 px против 593 px у галереи. До Э3 разница пряталась
	   за min-height:500px, с эталонной высотой галерея свесилась на 54 px
	   и накрыла правую часть строки табов — сегодня пустую, но на шаге 4.4
	   табов станет шесть, и последние два попали бы прямо под ленту превью.
	   Резервируем высоту здесь же, где её задаём: 20 сверху + 593 сама галерея
	   + 40 нижний отступ .popup__content. Меняется высота галереи — меняется
	   и эта строка. В эталоне ровно так и есть: .panel__main-info кончается
	   по нижнему краю галереи, а не раньше. */
	.panel__main-info .popup__content {
		min-height: 653px;
	}

	/* Лента превью ложится поверх низа картинки, как в эталоне.
	   z-index больше 10: столько у .product-item-detail-slider-image.active,
	   а он растянут на весь блок и иначе забирает клики по превью себе
	   (та же ловушка, что со стрелками выше — видно только настоящим курсором). */
	.panel__main-info .popup__photos .product-item-detail-slider-controls-block {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 20;
	}
}

/* --------------------------------------------------------------------------
   Шаг 3.3. Высота слайда на мобиле.

   Ниже 1281 px сайт сам кладёт галерею под информационный блок (правило
   .popup__photos в styles.css) и оставляет ей min-height: 500 px от десктопной
   раскладки. Штатные 16:9 при ширине 355 px дают картинку в 200 px — половина
   блока оставалась пустой подложкой. Растягиваем область фотографии на всё,
   что осталось от блока после ленты превью: колонка на flex, картинка внутри
   и так центрирована и ограничена max-width/max-height, пропорции не рвутся.
   -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
	.panel__main-info .popup__photos {
		display: flex;
		flex-direction: column;
	}

	.panel__main-info .popup__photos .product-item-detail-slider-container {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
	}

	.panel__main-info .popup__photos .product-item-detail-slider-block {
		flex: 1 1 auto;
		height: auto;
		min-height: 240px;
		padding-top: 0;
	}
}

/* На узких экранах стрелки прижимаются к краю и уменьшаются:
   в эталоне на 575 px они остаются видимыми, но не съедают картинку. */
@media (max-width: 575px) {
	.panel__main-info .popup__photos .product-item-detail-slider-left {
		left: 0;
	}

	.panel__main-info .popup__photos .product-item-detail-slider-right {
		right: 0;
	}

	.panel__main-info .popup__photos .product-item-detail-slider-controls-image {
		width: 56px;
		height: 56px;
		border-radius: 16px;
		margin-right: 6px;
	}

	.panel__main-info .popup__photos .product-item-detail-slider-controls-block {
		padding: 10px;
	}
}

/* End */


/* Start:/local/templates/market/components/bitrix/catalog.element/market_element/css/card-comments.css?178592700022615*/
/**
 * card-comments.css — отзывы в карточке товара (этап Э5, шаги 5.2 и 5.4).
 *
 * Подключается из parts/comments.php через $this->addExternalCss() — так же,
 * как card-gallery.css из своего партиала. Владелец файла — card-comments
 * (ops/docs/CONTRACT.md §1).
 *
 * ЧТО ЗДЕСЬ СТИЛИЗУЕТСЯ И ПОЧЕМУ ТОЛЬКО СТИЛЯМИ.
 * Разметку списка и формы рисует не наш шаблон. `catalog.comments` в шаблоне
 * `market` печатает на странице лишь пустой контейнер, а всё содержимое
 * подгружает ajax'ом через market/ajax.php, и тот вызывает компонент с шаблоном
 * '.default' — то есть ЯДЕРНЫМ. Локальная копия
 * catalog.comments/market/bitrix/blog.post.comment/adapt/ в этой цепочке
 * не участвует вовсе (проверено в браузере: форма отправки указывает на
 * /bitrix/components/bitrix/catalog.comments/templates/.default/...).
 * Ядро мы не правим, поэтому единственный доступный инструмент — CSS.
 *
 * ОСОБЕННОСТЬ СПЕЦИФИЧНОСТИ. Стили ядерного шаблона (adapt/style.css)
 * приезжают ПОЗЖЕ наших: их добавляет ajax-загрузчик уже в браузере. При равной
 * специфичности выигрывает тот, кто ниже, — поэтому все правила ниже начинаются
 * с .card__comments (класс нашей обёртки из parts/comments.php). Там, где ядро
 * пишет !important (font-size и padding у кнопки отправки), приходится отвечать
 * тем же — такие места отмечены.
 *
 * ЦВЕТА. Коробка таба тёмная (--gr #383C41, template_styles.css), текст в ней
 * белый. Штатная вёрстка комментариев рассчитана на светлый фон, отсюда главный
 * дефект, который здесь чинится: у полей ввода белый фон и унаследованный белый
 * текст — набранное не видно вовсе (DEF-018). Решение по палитре сайта:
 * поверхности ввода белые, подписи и текст — на тёмном, акцент красный.
 */

/* Маркер подключения — по нему видно, что файл доехал:
   getComputedStyle(document.querySelector('.card__comments')).getPropertyValue('--card-comments-css') */
.card__comments {
	--card-comments-css: 1;
}

/* --------------------------------------------------------------------------
   Общая коробка блока.
   -------------------------------------------------------------------------- */

/* market/style.css даёт контейнеру таба комментариев padding: 0 10px —
   лишний отступ внутри и без того отбитой коробки таба. */
.card__comments .bx-catalog-tab-body-container .bx-catalog-tab-container > div {
	padding: 0;
}

/* Служебная строка вкладок самого компонента («Комментарии» / соцсети) скрыта
   инлайновым display:none в его шаблоне — вкладка у нас ровно одна, и её имя
   уже написано на пилюле таба. Правило на случай, если инлайн уедет. */
.card__comments .bx-catalog-tab-list {
	display: none !important;
}

.card__comments a[name="comments"] {
	display: block;
}

/* --------------------------------------------------------------------------
   Пустое состояние (шаг 5.6, решение L5).

   Строку печатает parts/comments.php и печатает её ВСЕГДА; видимостью
   управляет класс на обёртке. Первый кадр ставит PHP по BLOG_COMMENTS_CNT,
   дальше класс пересчитывает скрипт-синхронизатор по наличию .blog-comment
   в пришедшей ajax'ом разметке — счётчик отстаёт от списка в обе стороны
   (DEF-019).

   Скрываем именно строку, а не обёртку: кнопка «Добавить комментарий» под ней
   обязана остаться в любом случае.
   -------------------------------------------------------------------------- */
.card__comments-empty {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 150%;
	color: var(--lgr);
}

.card__comments--has-comments .card__comments-empty {
	display: none;
}

/* --------------------------------------------------------------------------
   Кнопка «Добавить комментарий» и кнопка отправки — одна пилюля.

   Форма в разметке одна и та же (ядро клонирует скрытый #form_comment_),
   поэтому и вид у обеих кнопок общий: красная пилюля из эталона —
   тот же градиент, что у активной пилюли таба (card.css, шаг 4.1).
   -------------------------------------------------------------------------- */
/* Ядро центрует эту строку по месту вызова; в карточке блок прижат влево,
   как остальные кнопки верхнего блока. */
.card__comments .blog-add-comment {
	margin-bottom: 20px;
	text-align: left;
}

/* Селектор длиннее, чем хочется, из-за темы компонента: правило
   .bx_soc_comments_div.bx_important.bx_red .bx_bt_button (themes/red/style.css)
   несёт четыре класса и красит кнопку тёмно-бордовым градиентом с радиусом 3px.
   Чтобы перебить его без !important, добавлен .bx_soc_comments_div. */
.card__comments .bx_soc_comments_div .blog-add-comment a.bx_bt_button,
.card__comments .blog-comment-buttons input {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: auto;
	min-width: 200px;
	height: 45px;
	padding: 0 28px !important; /* ядро: div.blog-comment-buttons input { padding: 0 3px !important } */
	border: 1.03279px solid var(--red);
	border-radius: 86.2698px;
	background: linear-gradient(360deg, rgba(234, 63, 40, 0) 0%, rgba(234, 63, 40, 0.4) 48.25%),
		var(--gr);
	box-shadow: var(--bx);
	color: var(--mn);
	font-family: inherit;
	font-weight: 500;
	font-size: 12px !important; /* ядро: то же правило с !important */
	line-height: 45px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.card__comments .bx_soc_comments_div .blog-add-comment a.bx_bt_button:hover,
.card__comments .blog-comment-buttons input:hover {
	background: var(--grad);
}

/* Внутри ссылки ядро печатает <b> — жирность здесь не нужна, вид кнопки
   задаётся самой пилюлей. */
.card__comments .blog-add-comment a.bx_bt_button b {
	font-weight: 500;
}

.card__comments .blog-comment-buttons {
	margin-top: 20px;
}

/* --------------------------------------------------------------------------
   Галка «согласен на обработку персональных данных» (шаг 5.7, решение L4).

   Разметку рисует ядерный компонент bitrix:main.userconsent.request, его зовёт
   шаблон блога, когда карточка передала USER_CONSENT* (catalog/index.php).
   Наша здесь только палитра — по образцу форм сайта (модалка «Консультация
   с менеджером», .cf .wpcf7-list-item в template_styles.css:805-838): те же
   картинки галки, тот же размер и цвет подписи, ссылка белая с подчёркиванием
   по наведению.

   Контрол заработал 05.08.2026 (решение L6, DEF-023): ajax переведён на локальный
   шаблон, и в нём два сравнения `'0' == null` заменены на empty() — в template.php
   (галка рисуется) и в scripts_for_editor.php (отправка её спрашивает). До этого
   CUser::GetID() отдавал гостю СТРОКУ '0', а `'0' == null` в PHP — ложь.
   -------------------------------------------------------------------------- */
.card__comments .main-user-consent-request {
	display: flex;
	align-items: flex-start;
	margin: 15px 0 0;
	cursor: pointer;
}

.card__comments .main-user-consent-request input[type="checkbox"] {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	margin: 2px 0 0;
	padding: 0;
	border: 0;
	background: url('/local/templates/market/img/c4.svg') no-repeat center / contain;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* общий transition сайта тянет и background-image — иконка не переключалась
	   бы на :checked вовсе (тот же обход, что в template_styles.css:7384) */
	transition: none;
	cursor: pointer;
}

.card__comments .main-user-consent-request input[type="checkbox"]:checked {
	background-image: url('/local/templates/market/img/c3.svg');
}

.card__comments .main-user-consent-request-announce,
.card__comments .main-user-consent-request-announce-link {
	padding-left: 8px;
	font-weight: 200;
	font-size: 10px;
	line-height: 140%;
	letter-spacing: 0.2px;
	color: var(--lgr);
}

.card__comments .main-user-consent-request-announce a {
	color: var(--mn);
	text-decoration: none;
}

.card__comments .main-user-consent-request-announce a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Окно «Согласие пользователя».

   Открывается, когда гость жмёт «Отправить» с непоставленной галкой: отправка
   останавливается, и ядро спрашивает согласие отдельным окном с кнопками
   «Принимаю» / «Не принимаю». Появилось оно вместе с починкой DEF-023 — раньше
   до этой ветки дело не доходило вовсе.

   Окно ядро вешает прямо в <body>, ВНЕ .card__comments, поэтому селекторы здесь
   без обёртки. Это не течёт на другие страницы: card-comments.css подключает
   parts/comments.php, то есть файл приезжает только на карточку товара.

   Чинится белый текст на белом фоне: окно ядра светлое, а цвет наследуется
   от общего правила сайта `color: #fff`. Строка «Ознакомьтесь с текстом
   по ссылке» и сама ссылка были не видны совсем — тот же случай, что DEF-018.
   -------------------------------------------------------------------------- */
.main-user-consent-request-popup {
	color: var(--dgr);
}

.main-user-consent-request-popup a {
	color: var(--red);
	text-decoration: underline;
}

.main-user-consent-request-popup-link {
	font-size: 14px;
	line-height: 150%;
}

/* Кнопкам нужен родитель в селекторе: style.css компонента ядра приезжает в страницу
   позже нашего файла, и при равной специфичности выигрывает он — салатовая кнопка
   «Принимаю» осталась бы салатовой. Тот же случай, что с обёрткой .card__comments. */
.main-user-consent-request-popup .main-user-consent-request-popup-button {
	border-radius: 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.main-user-consent-request-popup .main-user-consent-request-popup-button-acc {
	background: var(--red);
	color: var(--mn);
}

.main-user-consent-request-popup .main-user-consent-request-popup-button-rej {
	background: transparent;
	border: 1px solid var(--lgr);
	color: var(--gr);
}

/* --------------------------------------------------------------------------
   Список отзывов.

   Каждый отзыв — карточка на тон темнее коробки таба (--dgr #232526).
   Разделительная линия ядра при этом лишняя: у карточек есть свой край.
   -------------------------------------------------------------------------- */
.card__comments .blog-comment-line {
	display: none;
}

.card__comments .blog-comment {
	margin-bottom: 12px;
}

.card__comments .blog-comment-cont {
	padding: 18px 20px;
	border-radius: 15px;
	background: var(--dgr);
}

.card__comments .blog-comment-cont-white {
	padding: 0;
	background: none;
}

/* Имя и дата в одну строку. У ядра это два блока с float, поэтому рядом лежит
   ещё и .blog-clear-float — во флексе он схлопывается сам. */
.card__comments .blog-comment-info {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 12px;
	margin-bottom: 10px;
}

.card__comments .blog-author,
.card__comments div.blog-comment .blog-author {
	float: none;
	font-weight: 600;
	font-size: 15px; /* ядро задаёт 0.85em — в em размер плывёт от родителя */
	line-height: 130%;
	color: var(--mn);
}

.card__comments .blog-comment-date {
	float: none;
	font-size: 13px;
	line-height: 130%;
	color: var(--lgr); /* было #767676 на тёмном фоне — почти нечитаемо */
}

/* Только что добавленный отзыв ядро подсвечивает светло-жёлтой плашкой на дате
   (div.blog-comment-new .blog-comment-date). На тёмной карточке это светлое
   на светлом — дату не прочитать. Метку оставляем, но в палитре карточки. */
.card__comments .blog-comment-new .blog-comment-date {
	padding: 2px 10px 3px;
	border-radius: 20px;
	background-color: rgba(234, 63, 40, 0.2);
	color: var(--mn);
}

.card__comments .blog-comment-content {
	font-size: 15px; /* ядро: 13px */
	line-height: 150%;
	color: var(--mn);
	/* Текст пишет покупатель: длинное слово или ссылка без пробелов не должны
	   распирать карточку. overflow: hidden ядро ставит с !important — оставляем. */
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.card__comments .blog-comment-content img {
	max-width: 100%;
	height: auto;
}

.card__comments .blog-comment-meta {
	margin-top: 12px;
}

/* Разделитель между пунктами под отзывом. Пункт у гостя ровно один
   («Ответить»), и разделитель висит после него сиротливой чёрточкой. */
.card__comments .blog-comment-meta .blog-vert-separator {
	display: none;
}

/* «Ответить» и прочие ссылки под отзывом. market/style.css красит их
   в #969696 !important — отсюда !important и здесь. */
.card__comments .blog-comment-meta a,
.card__comments .blog-comment-meta a:link,
.card__comments .blog-comment-meta a:visited,
.card__comments .blog-comment-info a,
.card__comments .blog-comment-info a:link,
.card__comments .blog-comment-info a:visited {
	font-size: 13px !important;
	color: var(--red) !important;
	text-decoration: none;
}

.card__comments .blog-comment-meta a:hover,
.card__comments .blog-comment-info a:hover {
	color: var(--red) !important;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Форма отзыва.

   Поверхности ввода светлые, подписи — на тёмном фоне коробки.
   -------------------------------------------------------------------------- */
.card__comments .blog-comment-fields,
.card__comments .blog-comment-form,
.card__comments .blog-post-edit-form {
	background: none;
}

/* Имя и e-mail рядом. У ядра это два float-блока и распорка между ними. */
.card__comments .blog-comment-field-user {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.card__comments .blog-comment-field-user-sep {
	display: none;
}

.card__comments .blog-comment-field-author,
.card__comments .blog-comment-field-email {
	float: none;
	flex: 1 1 260px;
	width: auto;
	margin: 0;
}

.card__comments .blog-comment-field {
	margin-bottom: 16px;
}

.card__comments .blog-comment-field-text label,
.card__comments .blog-comment-field-captcha-label label {
	font-size: 13px;
	line-height: 130%;
	color: var(--lgr);
}

.card__comments .blog-required-field {
	color: var(--red);
}

/* Главная правка блока: у полей ввода белый фон, а цвет текста наследовался
   от коробки таба и тоже был белым — набранное не было видно (DEF-018). */
.card__comments input[type="text"],
.card__comments input[type="email"],
.card__comments textarea {
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	padding: 0 18px;
	border: 1px solid #d9d9d9;
	border-radius: 86.2698px;
	background: var(--mn);
	color: var(--dd);
	font-family: inherit;
	font-size: 15px;
	line-height: 45px;
}

.card__comments input[type="text"]:focus,
.card__comments input[type="email"]:focus,
.card__comments textarea:focus {
	border-color: var(--red);
	outline: none;
}

/* Поле темы комментария ядро печатает не всегда (NOT_USE_COMMENT_TITLE),
   но когда печатает — оно такое же по ширине, как имя и e-mail. */
.card__comments .blog-comment-field-title input[type="text"] {
	max-width: 100%;
}

/* Визуальный редактор — большая белая коробка от ядра (main.post.form).
   Внутренности (панель значков, iframe) ядерные, их не трогаем; край
   рисуем на внешней обёртке, потому что нижняя панель редактора лежит
   рядом с .bx-html-editor, а не внутри него, и при скруглении только
   редактора она торчала бы из коробки белым прямоугольником. */
.card__comments .feed-add-post-edit-form {
	border: 1px solid #d9d9d9;
	border-radius: 15px;
	overflow: hidden;
}

/* Капча. Картинка и поле стоят в столбик у ядра; ставим их рядом
   и не даём полю растянуться на всю ширину. */
.card__comments .blog-comment-field-captcha {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 16px;
}

.card__comments .blog-comment-field-captcha-label,
.card__comments .blog-comment-field-captcha-image {
	float: none;
	width: auto;
	margin: 0;
}

.card__comments .blog-comment-field-captcha input[type="text"] {
	width: 200px;
}

.card__comments #div_captcha img,
.card__comments img#captcha {
	display: block;
	border-radius: 8px;
}

/* --------------------------------------------------------------------------
   Сообщения об ошибках и подтверждения.

   Ядро печатает их плашками .blog-note-box: на светлом фоне они читаются,
   на тёмном — нет.
   -------------------------------------------------------------------------- */
.card__comments .blog-note-box {
	box-sizing: border-box;
	margin-bottom: 16px;
	padding: 14px 18px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 15px;
	background: var(--dgr);
	color: var(--mn);
	font-size: 14px;
	line-height: 140%;
}

.card__comments .blog-note-error {
	border-color: var(--red);
}

.card__comments .blog-error-text {
	color: var(--red);
}

.card__comments .blog-textinfo-text {
	color: var(--mn);
}

/* --------------------------------------------------------------------------
   Узкие экраны.

   Тонкую настройку адаптива делает Э6 (card-responsive, css/card-responsive.css).
   Здесь только то, без чего блок ломает страницу: у ядерного редактора
   инлайновый min-width: 350px, и на 320–375px он распирает карточку вбок.
   Инлайн перебивается только !important.
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
	/* Сам редактор и три его внутренних узла: ядро расставляет им ширину
	   в пикселях по своему минимуму, и на 320–375px они вылезали за правый край
	   коробки (замер на 375px: край 409 при ширине экрана 375). Страницу вбок
	   это не двигало — обрезала обёртка с overflow: hidden, — но часть поля
	   ввода оказывалась за обрезкой. */
	.card__comments .bx-html-editor,
	.card__comments .bxhtmled-area-cnt,
	.card__comments .bxhtmled-iframe-cnt,
	.card__comments .bx-editor-iframe {
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.card__comments .bx_soc_comments_div .blog-add-comment a.bx_bt_button,
	.card__comments .blog-comment-buttons input {
		width: 100%;
		min-width: 0;
	}

	.card__comments .blog-comment-cont {
		padding: 14px 15px;
	}
}

/* End */


/* Start:/local/templates/market/components/bitrix/catalog.comments/market/style.css?17831959815008*/

.item_comments{
	display: block;
	padding-left: 0;
}
.item_comments li{
	display: block;
	padding-bottom: 10px;
}
.item_comments_username{
	display: inline-block;
	color: #5d90bd;
	font-size: 14px;
}
.item_comments_date{
	display: inline-block;
	color: #b8b8b8;
	font-size: 14px;
	margin-left: 10px;
}
.item_comments_container p{
	margin-top: 5px;
	color: #3f3f3f;
	font-size: 14px;
}

div.blog-comment-form {width: 100% !important;}

div.blog-comment .blog-author {
    font-size: 0.85em;
}

.blog-comment-content {
    font-size: 13px;
    overflow: hidden!important;
    padding-top: 0 !important;
}

div.blog-comment-buttons input {
    font-size: 13px !important;
    padding: 0 3px !important;

	width: 116.46px;
	height: 34.51px;
	background: linear-gradient(360deg, rgba(234, 63, 40, 0) 0%, rgba(234, 63, 40, 0.4) 48.25%), var(--gr);
	box-shadow: 0px 0px 10.3279px rgba(0, 0, 0, 0.3);
	border-radius: 20.6557px;
	color: var(--mn);
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13.8032px;
}

.blog-post-rating {
    padding: 10px 0 0 0;
}

@media (max-width:540px){
	.bx_soc_comments_div .bx-catalog-tab-list li a{
		font-size:11px;
	}
}

.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button,
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2	{
	padding:0 13px;
	height:25px;
	font-weight:bold;
	line-height:25px;
}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button  	{
	height:27px;
	line-height:27px;
}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:hover  {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button:active {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2 		 {font-weight:bold}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:hover {}
.bx_soc_comments_div.bx_important .bx_medium.bx_bt_button_type_2:active{}

.bx_soc_comments_div.bx_important .blog-comment-nav {

}

.bx_soc_comments_div.bx_important .blog-comment-nav a,
.bx_soc_comments_div.bx_important .blog-comment-nav a:link,
.bx_soc_comments_div.bx_important .blog-comment-nav a:visited,
.bx_soc_comments_div.bx_important .blog-comment-info a,
.bx_soc_comments_div.bx_important .blog-comment-info a:link,
.bx_soc_comments_div.bx_important .blog-comment-info a:visited {
	text-decoration: none;
	color: #969696 !important;
}

.bx_soc_comments_div.bx_important .blog-comment-nav a:hover,
.bx_soc_comments_div.bx_important .blog-comment-nav a:active,
.bx_soc_comments_div.bx_important .blog-comment-info a:hover,
.bx_soc_comments_div.bx_important .blog-comment-info a:active {
	text-decoration: underline;
	color: #969696 !important;
}

.bx_soc_comments_div.bx_important .blog-comment-info a,
.bx_soc_comments_div.bx_important .blog-comment-info a:link,
.bx_soc_comments_div.bx_important .blog-comment-info a:visited {
	font-size: 0.85em;
}

.bx_soc_comments_div.bx_important .blog-comment-info a:hover,
.bx_soc_comments_div.bx_important .blog-comment-info a:active {
	font-size: 0.85em;
}

.bx_soc_comments_div .bx-catalog-tab-section-container{position: relative;}

.bx_soc_comments_div .bx-catalog-tab-list{
	border-bottom: 1px solid #d9e1e3;
	text-align: left;
	padding: 0;
	vertical-align: bottom;
	margin: 16px 0;
}

.bx_soc_comments_div .bx-catalog-tab-list li{
	vertical-align: bottom;
	border: 1px solid #d9e1e3;
	border-bottom: none;
	display: inline-block;
	border-radius: 3px 3px 0 0;
	background: #f7f7f7;
	box-shadow: inset 0 -10px  5px -10px rgba(0,0,0,.12);
}

.bx_soc_comments_div .bx-catalog-tab-section-container .bx-catalog-tab-list li:before{
	content: none;
}

.bx_soc_comments_div .bx-catalog-tab-list li a,
.bx_soc_comments_div .bx-catalog-tab-list li>span{
	display: block;
	cursor: pointer;
	line-height: 30px;
	height: 30px;
	color: #999;
	text-decoration: none;
	font-size: 13px;
	padding: 0 20px;
	box-shadow: none;
}

.bx_soc_comments_div .bx-catalog-tab-list li:hover,
.bx_soc_comments_div .bx-catalog-tab-list li.active{
	background: #fff;
}

.bx_soc_comments_div .bx-catalog-tab-list li.active a,
.bx_soc_comments_div .bx-catalog-tab-list li.active>span{
	background: #fff;
	line-height: 35px;
	height: 35px;
	color: #3f3f3f;
	position: relative;
	bottom: -2px;
}

.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div.tab-off{
	opacity: 0;
	height: 0;
	overflow: hidden;
	-webkit-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}

.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container>div{
	opacity: 1;
	-webkit-transition:all 0.6s ease-out;
	-ms-transition:all 0.6s ease-out;
	-moz-transition:all 0.6s ease-out;
	-o-transition:all 0.6s ease-out;
	transition:all 0.6s ease-out;
	padding: 0 10px;
}

.bx_soc_comments_div .bx-catalog-tab-body-container .bx-catalog-tab-container .hidden{
	display: none;
}

div.blog-post-edit-form, div.blog-comment-fields, .blog-comment-cont-white, div.blog-textinfo {
	background: unset !important;
}
/* End */


/* Start:/bitrix/components/bitrix/blog/templates/.default/style.min.css?178255509430185*/
.blog-posts{display:inline;float:left;margin-right:1%;overflow:hidden;width:79%}.blog-post{margin:0;padding-bottom:2.5em;padding-right:.8em}.blog-post-title{font-size:1.65em;font-weight:var(--ui-font-weight-bold);line-height:1.3em;margin:0;padding:.2em;padding-left:.6em;font-family:Arial}.blog-post-title a{text-decoration:none !important}.blog-post-title a :hover{text-decoration:underline !important}.blog-post-info{padding:.2em .6em .2em}.blog-post-content{padding:.4em .6em .4em;overflow:hidden;border-bottom:1px dotted;line-height:1.4em}.blog-post-meta{font-size:.85em;line-height:1.4em;margin:0;padding:0;padding-top:.3em;padding-bottom:.3em;padding-left:.6em}.blog-post-date{margin:.1em 0;padding:0 0 0 .3em;line-height:1.4em;display:inline}.blog-post-current .blog-post{padding-right:0}.blog-post-edit-link,.blog-post-delete-link,.blog-post-comments-link,.blog-post-views-link,.blog-post-publish-link,.blog-post-hide-link,.blog-post-show-link{background-repeat:no-repeat;padding-left:18px;height:16px;display:inline-block;padding-right:.5em;font-size:1.2em}.blog-post-comments-link{padding-left:15px}.blog-post-show-link{padding-left:19px}.blog-post-tag{padding-top:.4em}.blog-post-tag a{text-decoration:none !important}.blog-post-tag a:hover{text-decoration:underline !important}.blog-post-avatar img{float:right}.blog-post-avatar{padding:.1em .3em .3em .3em}.blog-post-content div[align="left"],.blog-post-content div[align="right"],.blog-post-content div[align="center"],.blog-post-content div[align="justify"]{min-height:1em}div.blog-post-field-text textarea{width:100%}div.blog-post-field-text{padding-bottom:.2em}div.blog-post-field-title input,div.blog-post-field-category input{width:100%}div.blog-post-field-code input{width:40%}div.blog-post-field-user{width:100%}div.blog-post-field-title,div.blog-post-field-category,div.blog-post-field-favorite,div.blog-post-field-date,div.blog-post-field-enable-comments{width:100%}div.blog-post-field-access,div.blog-post-field-seo,div.blog-post-field-category{padding-top:10px}div.blog-post-field-date{padding-top:.5em}div.blog-post-field-favorite div,div.blog-post-field-enable-comments div{display:inline}div.blog-post-field-favorite,div.blog-post-field-enable-comments{padding-bottom:.4em}div.blog-post-field-sep{width:2%;float:left}div.blog-post-image-item{float:left;padding-right:1em;padding-bottom:2em;height:150px}div.blog-post-image-item-border{border:1px solid;height:100px;text-align:center;vertical-align:middle;width:100px}div.blog-post-image-item-input{padding-top:.5em}div.blog-post-image-item-input input{width:100px}div.blog-post-buttons{padding-top:1em;padding-bottom:.4em}div.blog-post-field-category div.blog-post-field-text label,div.blog-post-field-access-title,div.blog-post-field-code div.blog-post-field-text label,div.blog-post-field-seo label{font-weight:var(--ui-font-weight-bold);font-size:1.1em}div.blog-post-bbcode-line{padding-top:.2em}.blog-group-edit{background-repeat:no-repeat;width:16px;height:16px;display:inline-block}.blog-group-delete{background-repeat:no-repeat;width:16px;height:16px;display:inline-block}div.blog-post-edit-form{width:97%;padding:.8em}div.blog-buttons{padding-top:1em}.blog-comment{margin:0;padding-top:.7em}.blog-comment-info{display:block}.blog-comment-content{display:block;overflow:hidden;padding-top:.5em}.blog-comment-meta{font-size:.85em;padding-top:.5em;padding-bottom:.5em}.blog-comment-date{font-size:.85em;display:inline}.blog-comment-author-info{display:inline}.blog-comment-avatar{float:left;margin-right:.5em;width:30px;height:30px;border:1px solid #c4c4c4;background-color:#eceaec}.blog-comment-meta a{text-decoration:none !important}.blog-comment-meta a:hover{text-decoration:underline !important}.blog-comment-link,.blog-comment-delete,.blog-comment-parent,.blog-comment-answer,.blog-comment-edit,.blog-comment-show,.blog-comment-hide{display:inline-block}.blog-add-comment{text-align:center;padding-top:0;padding-bottom:1.5em}.blog-comment-nav{padding-bottom:.6em}div.blog-comment-form{margin-bottom:.7em;margin-top:.7em;width:80%}div.blog-comment-field-text{width:100%}div.blog-comment-field-text textarea{width:99.9%}.blog-comment-field-subject{margin-bottom:15px}div.blog-comment-field-tags{display:none}div.blog-comment-field-tags input{width:80%}div.blog-comment-field-captcha input{width:180px}div.blog-comment-field-settings input{width:1.55em;height:1.55em;margin:0 0 0 -0.25em;vertical-align:middle;font-size:1em}div.blog-comment-field-settings label{vertical-align:middle}div.blog-comment-fields{padding:.8em;zoom:1}div.blog-comment-field-title input,div.blog-comment-field-desc input{width:80%}div.blog-comment-field-user{width:100%;padding-bottom:5px}div.blog-comment-field-author,div.blog-comment-field-email{float:left;width:47%}div.blog-comment-field-text{padding-bottom:.2em}div.blog-comment-field-user-sep{width:5%;float:left}div.blog-comment-field-author input,div.blog-comment-field-email input{width:100%}div.blog-comment-field-bbcode{padding-top:.7em}div.blog-comment-field-captcha-image{padding-top:.4em}div.blog-comment-buttons{margin-top:1em;padding-bottom:.4em}div.blog-comment-buttons input{padding:0 .5em;font-size:1.184em}div.blog-menu-box{margin-bottom:1em;padding-bottom:.5em;line-height:1.5em;zoom:1}div.blog-menu-box span{white-space:nowrap;display:inline-block}div.blog-settings-menu-box{margin-bottom:1em;padding-bottom:.5em;line-height:1.5em;zoom:1}div.blog-settings-menu-box span{white-space:nowrap;display:inline-block}.blog-sidebar{display:inline;float:right;overflow:hidden;width:20%}.blog-sidebar ul,.blog-sidebar ul li ul{margin:0;padding:0;list-style:none !important}.blog-sidebar ul li{margin:0;padding:0;list-style:none !important;text-align:left}.blog-sidebar h3{font-size:1em;font-weight:var(--ui-font-weight-bold);letter-spacing:1px;border-bottom:1px solid;padding:0;padding-bottom:.6em;margin:0}.blog-sidebar li ul li{margin:0;padding:0;border:0}.blog-sidebar ul li ul li{text-align:left;margin:0;padding:0}.blog-sidebar ul li ul li a{text-decoration:none;outline:0}.blog-sidebar ul li ul li a:hover{text-decoration:underline}.blog-sidebar ul{padding:1em}.blog-sidebar ul li ul{padding-top:.4em}.blog-sidebar-title a{text-decoration:none}.blog-sidebar-avatar{text-align:center}div.blog-errors{border-width:1px;border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-errors ul{padding:.3em 0 .3em 2em;margin:0}div.blog-errors ul li{margin:0;padding:0}div.blog-notes{border-width:1px;border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-notes ul{padding:.3em 0 .3em 2em;margin:0}div.blog-notes ul li{margin:0;padding:0}div.blog-textinfo{border:1px solid;margin:1.117em;padding:.4em 1.117em}div.blog-textinfo ul{padding:.3em 0 .3em 2em;margin:0}div.blog-textinfo ul li{margin:0;padding:0}div.blog-clear-float{clear:both}table.blog-table-header-left,table.blog-table-header-top{border-collapse:collapse;border:0}table.blog-table-header-left th,table.blog-table-header-left td,table.blog-table-header-top th,table.blog-table-header-top td{padding:.5em;vertical-align:top;border-top:1px solid}table.blog-table-header-left th{text-align:right}table.blog-table-header-top th{text-align:center}table.blog-edit-perms-table{border:0}table.blog-edit-perms-table th,table.blog-edit-perms-table td{padding:.2em;vertical-align:top;border:0;border-top:0}table.blog-edit-perms-table th{text-align:center}div.blog-line{background-repeat:no-repeat;height:3px;width:100%}.blog-author{margin:0;padding:0;display:inline;font-weight:var(--ui-font-weight-bold)}.blog-author-icon{width:16px;height:16px;display:block;float:left;background-repeat:no-repeat;padding-right:.2em;line-height:1em}div.blog-bbcode-line{margin-right:3px;float:left}div.blog-smiles-line,div.blog-more-smiles{float:left;white-space:nowrap;margin-left:5px;font-size:.95em}div.blog-bbcode-closeall{float:right}div.blog-bbcode-line img,div.blog-smiles-line img{border:0}div.blog-bbcode-line a,div.blog-smiles-line a{vertical-align:middle}div.blog-bbcode-line a{width:20px;height:20px;float:left;margin-right:.2em;background-position:center center;background-repeat:no-repeat;display:block}div.blog-bbcode-line a,div.blog-bbcode-line img,div.blog-smiles-line a,div.blog-smiles-line img{outline:0}div.blog-bbcode-line select{float:left;margin-left:3px;padding:0;height:20px}div.blog-bbcode-closeall a{padding-left:1em;vertical-align:middle;float:left}
/*BBCode Icons*/
a.blog-bbcode-bold {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_bold.gif);} a.blog-bbcode-italic {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_italic.gif);} a.blog-bbcode-color {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_color.gif);} a.blog-bbcode-underline{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_underline.gif);} a.blog-bbcode-strike{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_strike.gif);} a.blog-bbcode-url{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_link.gif);} a.blog-bbcode-img-upload{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image.gif);} a.blog-bbcode-img{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_image_upload.gif);} a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);} a.blog-bbcode-code{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_code.gif);} a.blog-bbcode-quote{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_quote.gif);} a.blog-bbcode-video{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_video.gif);} a.blog-bbcode-list{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/font_list.gif);} a.blog-bbcode-cut{background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/cut.gif);} div.blog-mainpage{width:100%}div.blog-mainpage-side-left{float:left;width:52%;padding-right:.5em}div.blog-mainpage-side-right{float:right;width:46%}.blog-mainpage-item{margin:0;padding-bottom:.6em;padding-top:.5em}.blog-mainpage-title{margin:0;padding-bottom:.5em;padding-top:.4em;font-weight:var(--ui-font-weight-bold)}.blog-mainpage-content{line-height:1.4em;font-size:.95em;display:block}.blog-mainpage-meta{font-size:.89em;line-height:1.4em;margin:0;padding:0;padding-top:.4em}.blog-mainpage-meta a{text-decoration:none !important}.blog-mainpage-meta a:hover{text-decoration:underline !important}div.blog-mainpage-comment .blog-mainpage-meta{display:inline;padding-left:.4em;font-size:.89em}div.blog-mainpage-comment .blog-mainpage-content{padding-top:.4em}div.blog-mainpage-comment .blog-mainpage-content a{text-decoration:none !important}div.blog-mainpage-comment .blog-mainpage-content a:hover{text-decoration:underline !important}div.blog-mainpage-item .blog-author{font-weight:normal}div.blog-mainpage-comment .blog-mainpage-title{font-weight:normal}div.blog-mainpage-blogs .blog-mainpage-content a{text-decoration:none}div.blog-mainpage-blogs .blog-mainpage-content a:hover{text-decoration:none}.blog-tab{padding:0;margin:0;min-height:31px;height:100%;width:96%;line-height:2.35em;display:block}.blog-tab-left{background-repeat:no-repeat;padding:0;margin:0;width:3px;height:31px;float:left}.blog-tab-right{background-repeat:no-repeat;padding:0;margin:0;width:3px;height:31px;float:right}.blog-tab-container{width:100%;display:block}.blog-tab-items{float:right;font-size:.95em;padding-right:.6em;display:inline;white-space:nowrap}.blog-tab-items a{text-decoration:none !important;padding-left:.6em}.blog-tab-items a:hover{text-decoration:underline !important}.blog-tab-title{font-weight:var(--ui-font-weight-bold);padding-left:.5em;float:left;display:inline;overflow:hidden}.blog-tab-title a{text-decoration:none !important}.blog-tab-title a:hover{text-decoration:underline !important}div.blog-tab-content{padding-top:.2em;padding-left:.6em;padding-right:.6em;padding-bottom:1.7em}div.blog-mainpage-search-cloud{padding-top:.4em}.blog-calendar{text-align:center}.blog-calendar table th{font-weight:normal}.blog-rss div{padding-top:.6em}.blog-rss-icon{background-repeat:no-repeat;width:17px;height:17px;display:block;line-height:1em}.blog-group-icon{width:16px;height:16px;display:block;float:left;background-repeat:no-repeat;padding-right:.2em;line-height:1em}.blog-search-form{padding-top:.6em}.blog-search-form div{padding-bottom:.4em}.blog-mainpage-create-blog{padding-bottom:1em;padding-left:.6em}.blog-rss-subscribe{padding-bottom:1.5em}.blog-rss-subscribe .blog-tab-items{padding-top:.55em}.blog-group-rss{padding-top:1em}table.blogquote,table.blogcode{font-size:1em;margin:.5em 1em;width:80%;border:1px solid}table.blogquote td,table.blogcode td{padding:.95em 1.5em}table.blogcode td{font-family:"Courier New";white-space:pre-wrap}table.blogcode pre{font-family:"Courier New";font-size:12px;margin:0;line-height:15px;white-space:pre-wrap}div.blog-post-quote,div.blog-post-code{padding-top:.6em;padding-bottom:.6em}div.blog-post-quote span,div.blog-post-code span{padding-left:.6em}div.blog-post-quote table.blogquote,div.blog-post-code table.blogcode{margin:0}div.blog-page-navigation{padding-bottom:.8em}div.blog-page-navigation a,span.blog-page-current,span.blog-page-dots{padding-left:.75em;padding-right:.5em;text-decoration:none}div.blog-page-navigation a.blog-page-first,div.blog-page-navigation span.blog-page-first{padding-left:.5em}span.blog-page-current{font-weight:var(--ui-font-weight-bold)}ul.blog-navigation{list-style-position:outside;list-style-type:none;padding:0;margin:0;padding-bottom:1em}ul.blog-navigation li{display:inline}.blog-post-content{border-bottom-color:#ccc}.blog-post-meta,.blog-comment-meta,.blog-comment-nav{color:#969696}.blog-post-tag a,.blog-comment-meta a,.blog-mainpage-meta a{color:#969696 !important}.blog-post-date,.blog-comment-date{color:#767676}div.blog-post-date span.blog-post-time,div.blog-post-date span.blog-post-day{display:none}div.blog-post-edit-form,div.blog-comment-fields{background-color:#f1f1f1}div.blog-post-image-item-border{border-color:#d8d8d8}.blog-sidebar{background-color:#f5f5f5}.blog-sidebar h3{border-bottom-color:#dadada}.blog-bottombar h3{color:#333}.blog-sidebar-title{color:#000 !important}.blog-sidebar-title a{color:#000 !important}div.blog-errors{border:solid 1px #dfbdac;background:#f6dbce}div.blog-notes{border:solid 1px #dad7a7;background:#f6f9d3}div.blog-textinfo{border:solid 1px #d5d5d5;background:#f6f6f6}.blog-required-field{color:red}table.blog-table-header-left th,table.blog-table-header-left td,table.blog-table-header-top th,table.blog-table-header-top td{border-top-color:#d5d5d5}div.blog-post-quote>span,div.blog-post-code>span{color:#7d7d7d;display:none}div.blog-post-code table.blogcode{border-color:#e8e8e8;color:#7d7d7d;background-color:#f7f7f7}div.blog-post-quote table.blogquote{border-color:#e8e8e8;color:#555;background:url(/bitrix/components/bitrix/blog/templates/.default/images/quote-gray.png) no-repeat scroll left top #f7f7f7}div.blog-mainpage-comment .blog-mainpage-content a,div.blog-mainpage-blogs .blog-mainpage-content a:hover,div.blog-mainpage-blogs .blog-mainpage-content a,div.blog-mainpage-comment .blog-mainpage-content a:hover{color:#333}.blog-tab,.blog-tab-container{background-color:#ededed}.blog-tab-items{color:#767676}.blog-tab-items a{color:#767676 !important}.blog-tab-title a{color:#000 !important}.blog-comment-cont-white{background-color:#fff;padding:1px}
/*images*/
div.blog-tab-left {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_start.gif);} div.blog-tab-right {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/plashka_end.gif);} div.blog-line {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line_gradient.gif);} .blog-rss-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/rss_icon.gif);} div.blog-comment-new .blog-comment-date{background-color:#fff4ca;padding-top:2px;padding-bottom:3px;padding-left:4px;padding-right:4px}div.blog-comment-hidden .blog-comment-cont-white,div.blog-comment-hidden .blog-comment-date{background-color:#ededed}div#special_perms{padding-top:.5em}div.blog-post-meta div.blog-post-info-bottom{display:none}.blog-post-meta span.blog-post-link-counter,.blog-post-meta span.microblog-post-link-counter{padding:0 0 0 .3em}div.blog-post-rating{float:right}div.blog-post-share{position:relative;float:right}img.linked{border:0;cursor:pointer;height:21px;left:2px;position:relative;top:6px;width:11px}div.blog-edit-field-code label.blog-edit-field-caption{font-weight:var(--ui-font-weight-bold)}span#post-code-input{display:none}a#post-code-text{background-color:#fff4ca;border-bottom:dashed 1px;text-decoration:none}div.blog-post-field-code{padding-top:.5em}div.blog-tags-cloud{text-align:center}div.blog-comment-preview div.blog-comment-cont-white{border-top:1px solid red;border-bottom:1px solid red}div.blog-post-edit-micro #lhe_btn_sourcebb,div.blog-post-edit-micro #blog-post-image{display:none}div.blog-post-edit-micro{margin-bottom:2em;width:78%}div.blog-post-edit-micro #blogpost-length{font-weight:var(--ui-font-weight-bold);display:inline}div.blog-post-edit-micro div.blog-post-edit-form{padding:0;background-color:white;width:100%}div.blog-post-edit-micro div.blog-post-buttons{text-align:left;padding-top:.7em;padding-bottom:.1em}div.blog-post-edit-micro #edit-post-text{padding:0;border:1px solid #c2c2c2;border-radius:2px}div.blog-post-edit-micro .lhe-stat-toolbar-cont,div.blog-post-edit-micro .lhe-button,div.blog-post-edit-micro div.lhe-tlbr-smile-cont{border:0}div.blog-post-edit-micro #blog-post-micro-lhe-hide{display:inline-block;float:right}div.blog-post-edit-micro .lhe-button-cont{padding-left:3px}div.blog-post-edit-micro #blog-post-micro-lhe-but{display:inline-block;padding-top:3px}
div.blog-post-edit-micro .lhe-button-cont #lhe_btn_image {
	background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_image.gif) !important; background-position:3px 2px !important;background-repeat:no-repeat;cursor:pointer;}
div.blog-post-edit-micro .lhe-button-cont #lhe_btn_createlink {
	background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_link.gif) !important; background-position:2px 2px !important;background-repeat:no-repeat;cursor:pointer}div.blog-post-edit-micro .lhe-button-cont #lhe_btn_bloginputvideo{width:17px;height:15px;padding-top:2px;cursor:pointer}div.blog-post-edit-micro .lhe-button-over{background-color:#fff}div.blog-post-edit-micro .blog-post-group-text{color:#999}div.blog-post-edit-micro #blog-post-micro-lhe-hide{position:absolute;top:2px;right:2px}div.blog-post-edit-micro #blog-post-micro-lhe-hide div{display:inline-block;cursor:pointer;width:17px;height:17px;vertical-align:middle;	background: url(/bitrix/components/bitrix/blog/templates/.default/images/bbcode/icon_close.gif) no-repeat;}div.blog-post-edit-micro .blog-post-field-bbcode{position:relative}div.blog-comment .blog-author{line-height:30px}div.microblog-post .blog-post-avatar{float:left;margin-right:.5em;width:30px;height:30px;border:1px solid #c4c4c4;background-color:#eceaec;padding:0}div.microblog-post .blog-post-info{background:0;padding:0}div.microblog-post .blog-author{line-height:30px}div.microblog-post div.blog-post-content{border:0;padding:0;padding-top:.5em}div.microblog-post{border-bottom:1px solid #e5e5e5;padding:1px;margin-bottom:1.5em}div.microblog-post div.blog-post-meta{padding-top:.5em;padding-bottom:.5em;font-size:.85em;padding-left:0}div.microblog-post div.blog-post-meta a{color:#969696 !important;text-decoration:none !important}div.microblog-post div.blog-post-meta a:hover{text-decoration:underline !important}div.microblog-post .blog-post-date{font-size:.85em;color:#969696}

div.blog-comment-line {background-color: #ededed; height:1px; background-image: url(/bitrix/components/bitrix/blog/templates/.default/images/line-start.gif); background-repeat: no-repeat; background-position: left;} span.blog-vert-separator{height:7px;width:1px;margin-left:.2em;margin-right:.2em;background-color:#e0e0e0;display:inline-block}div.blog-post-meta-util span{display:inline-block}div.blog-post-meta-util *{text-decoration:none !important}div.microblog-post div.blog-post-date a{color:#969696 !important;text-decoration:none !important}div.microblog-post div.blog-post-meta-util a{color:#969696 !important;text-decoration:none !important}.blog-post-meta .bx-rating span,.blog-post-meta-util.bx-rating a{font-size:13px}.blog-post-current-micro .bx-rating span,.blog-post-current-micro .bx-rating a{font-size:11px}.blog-mainpage-meta .bx-rating span{color:#969696}.blog-mainpage-meta span.ilike-light-blog-post *,.blog-mainpage-meta span.ilike-light-microblog *{color:#969696 !important;text-decoration:none !important;font-size:1em}.blog-post-meta-util a span{cursor:pointer}.blog-post-meta-util .ilike-light .bx-ilike-right{font-size:1.2em}.blog-post-meta-util .ilike-light .bx-ilike-text{padding:0;font-size:1.2em}.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-right{font-size:11px}.microblog-post .blog-post-meta-util .ilike-light .bx-ilike-text{font-size:11px}.blog-comment-nav-item{cursor:pointer}div.blog-comments .blog-comment-nav a.blog-comment-nav-item-sel{font-weight:var(--ui-font-weight-bold);text-decoration:none;color:#969696;cursor:default}a.blogPostAutoSave{float:right;display:block;width:18px;height:18px;margin:3px 3px 0 0;position:relative;z-index:2}.blog-post-edit-micro a.blogPostAutoSave{margin-right:10px;margin-left:-12px;margin-top:2px}.blog-notify-bar{width:100%;height:2.5em;line-height:2.5em;	background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important; position:relative}.blog-micro-notify-bar{width:100%;height:3em;line-height:1.5em;	background: url("/bitrix/js/main/core/images/panel/sprite03.png") repeat-x scroll 0 -1178px #FFEB8D !important; position:relative}.blog-notify-close{display:block !important;height:12px !important;margin:3px 6px 0 0;padding:0 !important;position:absolute !important;right:5px !important;top:5px !important;width:12px !important;}
.blog-notify-close a {
    background: url("/bitrix/js/main/core/images/panel/sprite03.png") no-repeat scroll -268px -243px transparent !important; display:block !important;height:12px !important;width:12px !important;cursor:pointer}.blog-notify-text{color:#000 !important;margin:0 !important;text-align:center !important}.blog-notify-text a.blogPostAutoRestore{position:relative;color:red;cursor:pointer;text-decoration:underline;margin-right:9px;margin-top:5px;z-index:2}span.blog-post-group-value{margin-left:.5em;border-bottom:dashed 1px;overflow:hidden;white-space:nowrap;max-width:300px;	}
span.blog-post-group-delete1 {
	background: url("/bitrix/js/main/core/images/controls-sprite.png") no-repeat scroll -21px 8px transparent; cursor:pointer;display:inline-block;height:20px;width:15px;vertical-align:top;margin-left:2px}#blog-post-group-selector{display:inline-block;cursor:pointer}.blog-post-sonet-group{padding-bottom:.5em}.blog-post-edit-micro #blog-post-group-selector{display:inline-block;float:right;font-family:Arial;color:#b2b2b2;padding-right:5px}span.blog-post-group-delete{display:inline-block;cursor:pointer;width:13px;height:16px;vertical-align:top;	background: url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat 0 -282px;}div.blog-post-group-selector-text{display:inline-block;float:right;font-family:Arial;color:#b2b2b2;padding-right:5px;overflow:hidden;width:350px;white-space:nowrap;text-align:right}.blog-small-button,.blog-small-button-left,.blog-small-button-icon,.blog-small-button-right,.blog-small-button-text{display:inline-block;vertical-align:top;height:27px;cursor:pointer;text-decoration:none !important;outline:0}.blog-small-button{margin:0;background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -551px}.blog-small-button-left{width:4px;background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -493px;margin-right:8px}.blog-small-button-text{font:normal normal normal 13px/24px var(--ui-font-family-primary,var(--ui-font-family-helvetica));color:#4f4f4f}.blog-small-button-right{width:6px;background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -493px;margin-left:8px}.blog-small-button:hover{background:url(/bitrix/js/main/core/images/controls-sprite.png) repeat-x 0 -985px}.blog-small-button:hover .blog-small-button-left{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -15px -927px}.blog-small-button:hover .blog-small-button-right{background:url(/bitrix/js/main/core/images/controls-sprite.png) no-repeat -22px -927px}.blog-arrow{width:30px;height:17px;	background: url("/bitrix/components/bitrix/blog/templates/.default/images/arrow.png") no-repeat 5px 5px; display:inline-block}.feed-com-files{padding-top:10px}.feed-com-files-title{color:#5c6470;font-size:12px;font-weight:var(--ui-font-weight-bold);float:left;min-width:50px}.feed-com-files-cont{overflow:hidden;padding:1px 0 1px 10px;zoom:1}.feed-com-file-wrap{cursor:pointer;display:inline-block;font-size:12px;line-height:14px;margin:0 12px 12px 0;vertical-align:middle}.feed-com-file-wrap:hover .feed-com-file-name{text-decoration:underline}.feed-con-file-icon {background:url("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat -55px -220px; display:inline-block; margin-right:5px; height:16px; vertical-align:middle; width:16px;} .feed-com-file-name{color:#2067b0;display:inline-block;font-weight:var(--ui-font-weight-bold);margin-right:4px;max-width:120px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-com-file-size{color:#5c6470;display:inline-block;font-size:12px;vertical-align:top}.feed-com-files-photo{border:1px solid #eee;border-radius:1px;box-shadow:0 0 1px #eee,inset 0 0 1px #eee;display:inline-block;height:48px;margin:0 8px 8px 0;padding:3px;width:48px}.feed-com-files-cont .feed-com-files-photo{height:69px;width:69px}.feed-file-icon-bmp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-css {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-csv {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-dib {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-doc {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-docp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-docx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-gif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-htm {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-html {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-jfif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpe {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpeg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-jpg {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-js {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-pdf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -415px !important;} .feed-file-icon-php {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-png {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-ppt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-pptp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-pptx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -256px !important;} .feed-file-icon-rar {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;} .feed-file-icon-rtf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -288px !important;} .feed-file-icon-swf {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-tif {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-tiff {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -128px !important;} .feed-file-icon-txt {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -192px !important;} .feed-file-icon-xls {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xlsp {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xlsx {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -224px !important;} .feed-file-icon-xml {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -32px !important;} .feed-file-icon-zip {background:url(/bitrix/components/bitrix/blog/templates/.default/images/icons/files/files-sprite.png) no-repeat 0 -96px !important;} .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:var(--ui-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("/bitrix/components/bitrix/blog/templates/.default/images/live_feed_sprite.png") no-repeat; cursor:pointer;right:0;top:0;height:20px;position:absolute;width:20px}.feed-add-photo-block .feed-add-post-del-but{background-position:6px -19px;background-color:white;height:22px;top:1px;z-index:0}#blog-upload-file,#blog-show-seo{color:#2067b0;border-bottom:dashed 1px #2067b0;text-decoration:none}#blog-post-user-fields-UF_BLOG_POST_DOC .file-selectdialog-switcher{display:none}.blg-cancel-com,.blg-cancel-com:link,.blg-cancel-com:visited,.blg-cancel-com:active{color:#5c6470 !important;font-size:12px;text-decoration:none;padding-left:15px}.blg-cancel-com:hover{text-decoration:underline}#blog-show-seo-fields input,textarea{width:100%}
/* End */


/* Start:/bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17825550941140*/
/*color*/
.body-blog a:link, .body-blog a:visited, .body-blog a:active, .blog-navigation-box li a {color:#33882a;}
.body-blog a:hover {color:#d04747;}

.blog-post-title {background-color: #e7efd3;}
.blog-post-title span, .blog-post-title a:link, .blog-post-title a:visited, .blog-post-title a:active {color: #42783d !important;}

/*images*/
.blog-group-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user_group.gif);}
.blog-author-icon {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/user.gif);}
.blog-group-edit, .blog-post-edit-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_edit.gif);}
.blog-group-delete, .blog-post-delete-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_delete.gif);}
.blog-post-comments-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_comment.gif);}
.blog-post-views-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_view.gif); }
.blog-post-publish-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_publish.gif);}
.blog-post-show-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_show.gif);}
.blog-post-hide-link {background-image: url(/bitrix/components/bitrix/blog/templates/.default/themes/green/images/icon_hide.gif);}

.blog-comment-cont{}
.blog-comment-info {}
.blog-post-info-back {}
.blog-post-info {background-color: #f5f5f5; border-top: 1px solid #fff;}

/* End */


/* Start:/local/templates/market/components/bitrix/catalog.comments/market/themes/red/style.css?17825551024178*/
/* catalog_comments */
.bx_soc_comments_div.bx_important.bx_red .bx_bt_button  				{
	background: #a9331c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MzMxYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTFjMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #a9331c 0%, #651c0d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9331c), color-stop(100%,#651c0d));
	background: -webkit-linear-gradient(top, #a9331c 0%,#651c0d 100%);
	background: -o-linear-gradient(top, #a9331c 0%,#651c0d 100%);
	background: -ms-linear-gradient(top, #a9331c 0%,#651c0d 100%);
	background: linear-gradient(to bottom, #a9331c 0%,#651c0d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9331c', endColorstr='#651c0d',GradientType=0 );

	color:#fff;
	text-shadow: 0 1px 0 #59180a;
	display:inline-block;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	cursor:pointer;
}
.bx_soc_comments_div.bx_important.bx_red .bx_bt_button:hover  		{
	background: #bd4b35;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkNGIzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NzJjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #bd4b35 0%, #772c1c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd4b35), color-stop(100%,#772c1c));
	background: -webkit-linear-gradient(top, #bd4b35 0%,#772c1c 100%);
	background: -o-linear-gradient(top, #bd4b35 0%,#772c1c 100%);
	background: -ms-linear-gradient(top, #bd4b35 0%,#772c1c 100%);
	background: linear-gradient(to bottom, #bd4b35 0%,#772c1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd4b35', endColorstr='#772c1c',GradientType=0 );
}
.bx_soc_comments_div.bx_important.bx_red .bx_bt_button:active  		{
	box-shadow: none;
	background: #6a2112;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhMjExMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MzJkMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #6a2112 0%, #932d19 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a2112), color-stop(100%,#932d19));
	background: -webkit-linear-gradient(top, #6a2112 0%,#932d19 100%);
	background: -o-linear-gradient(top, #6a2112 0%,#932d19 100%);
	background: -ms-linear-gradient(top, #6a2112 0%,#932d19 100%);
	background: linear-gradient(to bottom, #6a2112 0%,#932d19 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a2112', endColorstr='#932d19',GradientType=0 );
}
/* End */


/* Start:/bitrix/components/bitrix/sale.prediction.product.detail/templates/.default/style.min.css?1782555117332*/
.catalog-element-popup-wrapper{position:absolute;box-sizing:border-box;border-radius:3px;background:rgba(0,0,0,.77)}.catalog-element-popup-inner{padding:20px;max-width:300px;font:13px "Helvetica Neue",Arial,Helvetica,sans-serif}.catalog-element-popup-element{color:#ffa801;font:bold 13px "Helvetica Neue",Arial,Helvetica,sans-serif}
/* End */


/* Start:/local/templates/market/components/bitrix/sale.products.gift/market_sale_gift/style.css?1781902905177*/
.catalog-products-viewed-header {
	margin: 5px 0;
	padding: 5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
}
/* End */


/* Start:/local/templates/market/components/bitrix/catalog.item/market_item/style.css?178672187237872*/

.product-item-container { position: relative; }

.product-item-container.hover { z-index: 17; }

.product-item {
	/*display: block;*/
	/*box-sizing: border-box;*/
	/*!*padding-top: 15px;*!*/
	/*padding: 16px;*/
	/*width: 100%;*/
	/*border: 1px solid transparent;*/
	/*border-radius: 2px;*/
	/*background: #fff;*/
	/*!*box-shadow: 0 0 0 0 rgba(0, 0, 0, .19);*!*/
	/*margin-bottom: 16px;*/
}

.product-item-big-card .product-item,
.product-item-small-card .product-item { }

.product-item-line-card .product-item { border-bottom: 1px solid #dadada; }

.bx-no-touch .product-item-container.hover .product-item {
	/*position: absolute;*/
	/*right: -15px;*/
	/*left: -15px;*/
	/*padding: 15px 15px 0;*/
	/*width: auto;*/
	/*border-color: transparent;*/
	/*box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);*/
}

.bx-touch .product-item {
	/*padding: 15px 0 0;*/
	/*width: auto;*/
	/*background: #fff;*/
}

.bx-no-touch .product-item-container.hover .product-item {
	-webkit-animation: product-item-hover 300ms 1 ease;
	animation: product-item-hover 300ms 1 ease;
}

/*@-webkit-keyframes product-item-hover {*/
/*	0% {*/
/*		position: absolute;*/
/*		left: 0;*/
/*		right: 0;*/
/*		border: 1px solid transparent;*/
/*		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
/*		padding-left: 0;*/
/*		padding-right: 0;*/
/*	}*/
/*	100% {*/
/*		border: 1px solid transparent;*/
/*		box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);*/
/*		left: -15px;*/
/*		right: -15px;*/
/*		padding-left: 15px;*/
/*		padding-right: 15px;*/
/*	}*/
/*}*/

/*@keyframes product-item-hover {*/
/*	0% {*/
/*		position: absolute;*/
/*		left: 0;*/
/*		right: 0;*/
/*		border: 1px solid transparent;*/
/*		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
/*		padding-left: 0;*/
/*		padding-right: 0;*/
/*	}*/
/*	100% {*/
/*		border: 1px solid transparent;*/
/*		box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);*/
/*		left: -15px;*/
/*		right: -15px;*/
/*		padding-left: 15px;*/
/*		padding-right: 15px;*/
/*	}*/
/*}*/

/*Image*/
.product-item-image-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 100%;
	width: 100%;
	transition: all 300ms ease;
}

.product-item-image-wrapper:hover { }

.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; }

.product-item-image-original,
.product-item-image-alternative {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: opacity 300ms linear;
}

.product-item-image-original { z-index: 11; }

.product-item-image-alternative {
	z-index: 13;
	opacity: 0;
}

.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; }

.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; }

.product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; }

/*Image Slider*/
.product-item-image-slider-slide-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: opacity 300ms ease;
}

.product-item-image-slide {
	position: relative;
	display: none;
	height: 100%;
	background-color: #fff;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: .6s ease-in-out left;
}

/*@media all and (transform-3d), (-webkit-transform-3d) {*/
/*	.product-item-image-slide {*/
/*		transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;*/
/*		-webkit-backface-visibility: hidden;*/
/*		backface-visibility: hidden;*/
/*		-webkit-perspective: 1000px;*/
/*		perspective: 1000px;*/
/*	}*/

/*	.product-item-image-slide.next,*/
/*	.product-item-image-slide.active.right {*/
/*		left: 0;*/
/*		-webkit-transform: translate3d(100%, 0, 0);*/
/*		transform: translate3d(100%, 0, 0);*/
/*	}*/

/*	.product-item-image-slide.prev,*/
/*	.product-item-image-slide.active.left {*/
/*		left: 0;*/
/*		-webkit-transform: translate3d(-100%, 0, 0);*/
/*		transform: translate3d(-100%, 0, 0);*/
/*	}*/

/*	.product-item-image-slide.next.left,*/
/*	.product-item-image-slide.prev.right,*/
/*	.product-item-image-slide.active {*/
/*		left: 0;*/
/*		-webkit-transform: translate3d(0, 0, 0);*/
/*		transform: translate3d(0, 0, 0);*/
/*	}*/
/*}*/

.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev { display: block; }

.product-item-image-slider-slide-container > .active { left: 0; }

.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
	position: absolute;
	top: 0;
	width: 100%;
}

.product-item-image-slider-slide-container > .next { left: 100%; }

.product-item-image-slider-slide-container > .prev { left: -100%; }

.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right { left: 0; }

.product-item-image-slider-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
}

.product-item-image-slider-progress-bar {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 1px;
	background-color: var(--theme-color-primary);
	opacity: .8;
}

.product-item-image-slider-control-container {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: block;
	padding: 0;
	text-align: center;
	opacity: 0;
	transition: opacity 300ms ease;
}

.product-item-container.hover .product-item-image-slider-control-container,
.product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; }

.product-item-image-slider-control,
.product-item-image-slider-control.active {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(128, 128, 128, .8);
	opacity: .6;
	cursor: pointer;
	transition: all 300ms ease;
}

.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover { cursor: pointer; }

.product-item-image-slider-control.active,
.product-item-image-slider-control:hover { background-color: var(--primary); }

/*Label*/
.product-item-label-text,
.product-item-label-ring {
	position: absolute;
	right: -15px !important;
	top: 0;
	color: #fff;
	text-align: center;
	/*width: 90px;*/
	padding: 0px 15px;
	height: 25px;
	line-height: 25px;
	z-index: 3;
	font-weight: 600;
	font-size: 10px;
	border-radius: 0px 22.7px;
	/*background: rgba(234, 63, 40, 1);*/
	background: rgb(185 62 50);
}

.product-item-label-text span,
.product-item-label-ring {
	display: inline-block;
	clear: both;
	margin-bottom: 2px;
	/*background: #f42c2c;*/
	color: #fff;
	vertical-align: middle;
	text-align: center;
	transition: all 250ms ease;
}

.bx-red .product-item-label-text span,
.bx-red .product-item-label-ring { background-color: #fba90c; }

.product-item-label-text > div,
.product-item-label-ring > div { line-height: 0; }

/* TEXT */
.product-item-label-text span {
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: bold;
}

/*SMALL*/
.product-item-label-text.product-item-label-small span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
	margin-bottom: 1px;
	padding: 2px 7px;
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
}

.product-item-big-card .product-item-label-text.product-item-label-small span {
	padding: 5px 12px;
	font-size: 16px;
	line-height: 21px;
}

/* BIG */
.product-item-label-text.product-item-label-big span,
.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
	padding: 4px 10px;
	font-size: 13px;
	line-height: 17px;
}

.product-item-big-card .product-item-label-text.product-item-label-big span {
	padding: 5px 17px;
	font-size: 22px;
	line-height: 33px;
}

@media (max-width: 767px) {
	.product-item-label-text > div { line-height: 0; }

	.product-item-label-text.product-item-label-small span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {
		margin-bottom: 1px;
		padding: 2px 7px;
		font-size: 10px;
		line-height: 14px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-small span,
	.product-item-label-text.product-item-label-big span,
	.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {
		margin-bottom: 1px;
		padding: 3px 12px;
		font-size: 14px;
		line-height: 16px;
	}

	.product-item-big-card .product-item-label-text.product-item-label-big span {
		padding: 3px 12px;
		font-size: 20px;
		line-height: 25px;
	}
}

/*RING*/
.product-item-label-ring {
	box-sizing: border-box;
	border-radius: 50%;
	font-weight: bold;
}

.product-item-label-ring.product-item-label-small,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
	width: 40px;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
}

.product-item-big-card .product-item-label-ring.product-item-label-small {
	width: 100px;
	height: 100px;
	font-size: 30px;
	line-height: 100px;
}

.product-item-label-ring.product-item-label-big,
.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
	width: 50px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
}

.product-item-big-card .product-item-label-ring.product-item-label-big {
	width: 120px;
	height: 120px;
	font-size: 42px;
	line-height: 120px;
}

@media (max-width: 767px) {
	.product-item-label-ring.product-item-label-small,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {
		--product-item-label-ring-size: 40px;
		width: var(--product-item-label-ring-size);
		height: var(--product-item-label-ring-size);
		line-height: var(--product-item-label-ring-size);
		font-size: 14px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-small,
	.product-item-label-ring.product-item-label-big,
	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {
		width: 35px;
		height: 35px;
		font-size: 12px;
		line-height: 35px;
	}

	.product-item-big-card .product-item-label-ring.product-item-label-big {
		width: 70px;
		height: 70px;
		font-size: 24px;
		line-height: 70px;
	}
}

.product-item-label-top { top: 0px; }

.product-item-label-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.product-item-label-center > div { text-align: center; }

/*.product-item-label-left { left: -5px; }*/

/*.product-item-label-left > div { text-align: left; }*/

.product-item-label-bottom { bottom: -5px; }

.product-item-label-middle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.product-item-label-right { right: -5px; }

.product-item-label-right > div { text-align: right; }

.product-item-label-center.product-item-label-middle {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*Title*/
.product-item-title {
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
}

.product-item-title a {
	color: #3f3f3f;
	text-decoration: none;
	transition: 250ms linear all;
}

.product-item-line-card .product-item-title {
	white-space: normal;
	text-align: left;
}

.product-item-big-card .product-item-title a { font-size: 21px; }

.product-item-line-card .product-item-title a { font-size: 20px; }

@media (max-width: 1199px) {
	.product-item-big-card .product-item-title a { font-size: 18px; }
}

@media (max-width: 991px) {
	.product-item-big-card .product-item-title a { font-size: 16px; }
}

@media (max-width: 767px) {
	.product-item-big-card .product-item-title a { font-size: 14px; }
}

@media (max-width: 575px) {
	.product-item-big-card .product-item-title a { font-size: 16px; }
}

/*Price*/
.product-item-price-container {
	text-align: center;
	line-height: 1;
}

.product-item-price-current {
	color: #3f3f3f;
	white-space: nowrap;
	font-weight: bold;
	font-size: 13px;
}

.product-item-price-old {
	color: #a5a5a5;
	text-decoration: line-through;
	white-space: nowrap;
	font-size: 12px;
}

.product-item-big-card .product-item-price-current,
.product-item-big-card .product-item-price-old {
	vertical-align: middle;
	line-height: 20px;
}

.product-item-big-card .product-item-price-container { margin: 0 0 10px; }

.product-item-big-card .product-item-price-current { font-size: 18px; }

.product-item-big-card .product-item-price-old { font-size: 15px; }

/*Info RSA TODO*/
.product-item-info-container {
	clear: both;
	margin-bottom: 8px;
	margin-top: 16px;
	/*display: none;*/
}
/*Price RSA TODO*/
.product-item-amount {
	display: none;
}
.product-item-info-container-title { font-size: 12px; }

.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
	display: none;
	opacity: 0;
	transition: opacity 300ms ease;
}

.bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important }

.bx-touch .product-item-info-container.product-item-hidden,
.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,
.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {
	/*display: block;*/
	/*opacity: 1;*/
}

/*Amount*/
.product-item-amount {
	padding: 0 0 2px;
	text-align: center;
}

.product-item-amount-field-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	max-width: 150px;
	margin: 0 auto 15px;
}


.product-item-amount-field-btn-plus,
.product-item-amount-field-btn-minus {
	position: relative;
	display: block;
	min-width: 22px;
	height: 22px;
	border-radius: 2px;
	background-color: #f2f2f2;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	transition: background 300ms ease, opacity 300ms ease;
}

.bx-retina .product-item-amount-field-btn-plus,
.bx-retina .product-item-amount-field-btn-minus { border-width: .5px; }

.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-minus:hover { background: #d3d3d3; }

.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-minus:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	opacity: .8;
	transition: opacity 300ms ease, background 300ms ease;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {
	opacity: .3 !important;
	cursor: default;
}

.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,
.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {
	background-color: #f2f2f2;
}

.product-item-amount-field-btn-plus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-minus:after {
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
	background-size: 10px;
}

.product-item-amount-field-btn-plus:hover:after,
.product-item-amount-field-btn-minus:hover:after { opacity: 1; }

.product-item-amount-field-block {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.product-item-amount-field {
	display: block;
	padding: 0;
	width: 100%;
	height: 22px;
	border: 1px solid transparent;
	border-radius: 2px;
	background: transparent !important;
	color: #000;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	line-height: 22px;
	transition: border 300ms ease;
}

.bx-retina .product-item-amount-field { border-width: .5px; }

.product-item-amount-field:focus { outline: none !important; }

.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,
.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
	appearance: none
}

.product-item-amount-description-container {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	color: #a5a5a5;
	white-space: nowrap;
	font-size: 12px;
}

/*.product-item-big-card .product-item-amount-field-container { text-align: left; }*/

.product-item-amount-description-container strong {
	color: #333;
	white-space: nowrap;
}

.product-item-amount-label-container {
	margin: 5px 0;
	color: #a5a5a5;
	font-weight: bold;
	font-size: 12px;
}

/**/
.product-item-quantity { font-size: 12px; }

/*region Properties */
.product-item-properties {
	display: block;
	margin: 0;
}

.product-item-properties dl { clear: both; }

.product-item-properties dt {
	float: left;
	clear: both;
	font-weight: normal;
	font-size: 12px;
}

.product-item-properties dd {
	float: right;
	margin-bottom: 3px;
	margin-left: 5px;
	font-size: 12px;
}

/*endregion*/

/*Compare*/
.product-item-compare-container {
	position: relative;
	display: none;
	margin: 0 -15px;
	padding: 4px 15px;
	min-height: 30px;
	border-top: 1px solid #e6e6e6;
	background: #f3f3f3;
	box-shadow: inset 0 1px 1px 0 #eee;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
}

.product-item-line-card .product-item-compare-container {
	margin: 0;
	border: none;
	background-color: transparent;
	box-shadow: none;
	text-align: center;
}

.bx-touch .product-item-compare-container { display: none; }

.product-item-line-card .product-item-compare-container,
.product-item-container.hover .product-item-compare-container { display: block; }

.product-item-compare .checkbox {
	margin: 0;
	padding: 0;
}

/* SCU */
.product-item-line-card .product-item-scu-container { text-align: left; }

.product-item-scu-container-title {
	color: #333;
	font-size: 12px;
}

.product-item-scu-block { }

.product-item-scu-block-title { font-size: 12px; }

.product-item-scu-list { margin: 0; }

.product-item-scu-item-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-item-scu-item-color-container,
.product-item-scu-item-text-container {
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 3px;
	max-width: 100%;
}

.product-item-scu-item-text-container { min-width: 32px; }

.product-item-scu-item-color-container {
	max-width: 38px;
	width: 25%;
}

.product-item-scu-item-color-block {
	position: relative;
	padding-top: 100%;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; }

.bx-retina .product-item-scu-item-color-block { outline-width: .5px; }

.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; }

.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; }

.product-item-scu-item-color {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.product-item-scu-item-text-block {
	position: relative;
	padding: 0 5px;
	outline: 1px solid #c0cfda;
	cursor: pointer;
}

.bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; }

.bx-retina .product-item-scu-item-text-block { outline-width: .5px; }

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; border: 1px solid #333; color: #fff; background: #873434;}

.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; }

.product-item-scu-item-text {
	overflow: hidden;
	max-width: 100%;
	vertical-align: middle;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 11px;
	line-height: 18px;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {
	position: relative;
	outline-color: #a9adb4 !important;
}

.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,
.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {
	position: absolute;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;
	background-size: 80% 80%;
	content: "";
}


.product-item-scu-item-text-block:hover,
.product-item-scu-item-color-block:hover,
.product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-color: #000; }

/*Description*/
.product-item-description-container { }

.product-item-description-container p {
	color: #575757;
	font-size: 13px;
}

/*Buttons*/
.product-item-button-container { text-align: center; }

.product-item-button-container .btn { margin-bottom: 2px; }

/*Stickers*/
.product-item-sticker,
.product-item-sticker-round { display: none; }

/*More*/
.product-item-more-container {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 15px 15px 5px;
	width: 100%;
	border: 1px solid transparent;
	border-radius: 2px;
	transition: all 300ms ease;
}

.product-item-more-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px;
	padding-top: 116%;
	width: 100%;
}

.product-item-more {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center;
	background-size: 50%;
	opacity: .7;
	transition: opacity 300ms ease;
}

.bx-touch .product-item-more,
.product-item-container.hover .product-item-more { opacity: 1; }

.product-item-more-title {
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type='number'] { -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }

/* ============================================================ */
/* MARKET: статичная карточка + «Быстрый просмотр» (только card) */
/* ============================================================ */

/* Карточка остаётся на месте при наведении (без «выпадения»): только card-виды */
.bx-no-touch .product-item-big-card .product-item-container.hover .product-item,
.bx-no-touch .product-item-small-card .product-item-container.hover .product-item {
	/*position: relative;*/
	/*right: auto;*/
	/*left: auto;*/
	/*padding: 15px 0 0;*/
	/*width: 100%;*/
	/*-webkit-animation: none;*/
	/*animation: none;*/
	/*box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);*/
}

/* Скрытые блоки (кол-во, лимит) не показываются при наведении/таче: только card.
   «Купить» и SKU больше не имеют product-item-hidden — остаются видимыми всегда. */
.bx-no-touch .product-item-big-card .product-item-container.hover .product-item-info-container.product-item-hidden,
.bx-no-touch .product-item-small-card .product-item-container.hover .product-item-info-container.product-item-hidden,
.bx-touch .product-item-big-card .product-item-info-container.product-item-hidden,
.bx-touch .product-item-small-card .product-item-info-container.product-item-hidden {
	display: none;
}

/* Доп. свойства — только в модалке «Быстрый просмотр» */
.product-item-info-container.market-qv-only { display: none !important; }

/* Кнопка-оверлей «Быстрый просмотр» поверх фото */
.product-item-quickview-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	display: inline-block;
	padding: 9px 18px;
	font-size: 13px;
	line-height: 1.2;
	color: #fff;
	background: #3525cd;
	border: 1px solid #3525cd;
	border-radius: 4px;
	cursor: pointer;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}
.bx-no-touch  .product-item-container.hover .product-item-quickview-btn,
.bx-no-touch  .product-item-container.hover .product-item-quickview-btn {
	opacity: 1;
	visibility: visible;
}
.bx-touch .product-item-quickview-btn { opacity: 1; visibility: visible; }

/* ===== Модалка «Быстрый просмотр» ===== */
.market-qv-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10050;
	display: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, .5);
}
.market-qv-modal.market-qv-open { display: -webkit-box; display: -ms-flexbox; display: flex; }
.market-qv-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.market-qv-dialog {
	position: relative;
	z-index: 1;
	max-width: 720px;
	width: 100%;
	max-height: calc(100vh - 40px);
	overflow: auto;
	background: var(--gr) url(/local/templates/market/img/bg.svg) no-repeat left 4px bottom 68px;
	border-radius: 8px;
	-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
	box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
}
.market-qv-close {
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 20;
	width: 32px;
	height: 32px;
	padding: 0;
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	color: #555;
	background: #fff;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
.market-qv-close:hover { color: #3525cd; }

/* Тело модалки: центрируем перенесённую живую карточку */
.market-qv-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 24px 20px;
}
.market-qv-body .product-item-container { width: 100%; max-width: 680px; }

/* Двухколоночный макет в модалке: фото слева, всё остальное справа */
.market-qv-in-modal .product-item {
	display: grid !important;
	grid-template-columns: minmax(0, 44%) minmax(0, 56%);
	-webkit-column-gap: 26px;
	column-gap: 26px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	padding: 22px !important;
	border: 1px solid #ececec;
	border-radius: 8px;
}
.market-qv-in-modal .product-item-image-wrapper {
	grid-column: 1;
	grid-row: 1 / span 50; /* занимает всю левую колонку по высоте */
	/* !important — перестраховка: hover-правило .product-item-container.hover.product-item-scalable-card
	   (специфичность выше) задаёт padding-top:54% и не должно действовать в модалке, иначе фото
	   выше нужного, пока карточка несёт .hover. */
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	height: 100%;
	min-height: 280px;
}
.market-qv-in-modal .product-item > *:not(.product-item-image-wrapper) {
	grid-column: 2;
	max-width: 100%;
}

/* В модалке карточка не «выпадает» при наведении и показывает все блоки (вкл. свойства и количество) */
.product-item-container.market-qv-in-modal.hover .product-item {
	position: relative !important;
	right: auto !important;
	left: auto !important;
	padding: 22px !important;
	width: 100% !important;
	-webkit-animation: none !important;
	animation: none !important;
}
.market-qv-in-modal .product-item-info-container.product-item-hidden,
.market-qv-in-modal .product-item-info-container.market-qv-only {
	display: block !important;
	opacity: 1 !important;
}

/* Стилизация кнопки «В корзину» в модалке */
.market-qv-in-modal .product-item-button-container { width: 100%; }
.market-qv-in-modal .product-item-button-container .btn-primary {
	display: block;
	width: 100%;
	padding: 12px 16px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	background: #3525cd;
	border: 1px solid #3525cd;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background .15s ease, border-color .15s ease;
	transition: background .15s ease, border-color .15s ease;
}
.market-qv-in-modal .product-item-button-container .btn-primary:hover {
	background: #2a1ea8;
	border-color: #2a1ea8;
	color: #fff;
}

/* В модалке прячем сам триггер «Быстрый просмотр» (он внутри перенесённой карточки) */
.market-qv-in-modal .product-item-quickview-btn { display: none !important; }

/* На момент переноса карточки в модалку и обратно глушим переходы, чтобы размер окна не «прыгал» */
.market-qv-no-anim .product-item-image-wrapper,
.market-qv-no-anim .product-item-image-original,
.market-qv-no-anim .product-item-image-alternative {
	-webkit-transition: none !important;
	transition: none !important;
}

/* Плейсхолдер удерживает ячейку сетки, пока карточка в модалке */
.market-qv-placeholder { width: 100%; }

@media (max-width: 767px) {
	.market-qv-in-modal .product-item { grid-template-columns: minmax(0, 1fr) !important; }
	.market-qv-in-modal .product-item > *:not(.product-item-image-wrapper) { grid-column: 1; }
	.market-qv-in-modal .product-item-image-wrapper { grid-row: auto !important; height: auto !important; padding-top: 100%; margin-bottom: 15px; }
	.market-qv-body .product-item-container { max-width: 100%; }
	.market-qv-dialog { max-width: 100% !important; }
}

/* =========================================================================
   Три параметра (TOP_SPECS) и цена за м² в карточке списка.
   Данные собирает result_modifier.php тем же слоем, что и детальную карточку
   (catalog.element): слоты размер/толщина/вес с иконками + price1 за м².
   ========================================================================= */

/* Сброс фоновых значков .offer__data li:nth-child(*) — у TOP_SPECS своя иконка.
   Специфичность выше, чем у .offer__data li:nth-child(N), иначе общий фон побеждает. */
.offer__data.offer__data--specs li.offer__spec {
	width: calc(33% - 6px);
	padding-left: 0;
	background: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}
.offer__spec-icon {
	width: 18px;
	height: 18px;
	display: block;
	margin: 0 auto 3px;
}
.offer__spec-icon img {
	width: 18px;
	height: 18px;
	display: block;
}
.offer__spec-label {
	font-size: 8.5px;
	line-height: 110%;
	color: #C0C0C0;
}
.offer__spec-value {
	font-size: 11px;
	line-height: 120%;
	color: #fff;
	font-weight: 500;
}

/* Цена за м² — на одной строке с основной ценой, с разделителем,
   как .offer__old-price (inline-block + красная граница слева). */
.offer__price-per-m2 {
	display: inline-block;
	padding-left: 10px;
	margin-left: 10px;
	border-left: 1px solid #EA3F28;
	font-weight: 500;
	font-size: 8px;
	line-height: 130%;
	color: #C0C0C0;
}
.offer__price-per-m2 i {
	font-style: normal;
	color: #EA3F28;
}
.offer__price-per-m2 span {
	font-weight: 500;
	font-size: 11px;
	line-height: 130%;
	color: #C0C0C0;
}

/* line/template.php: .catalog__image берёт стандартную (не <img>) разметку
   картинки товара — .product-item-image-wrapper сам держит квадратные
   пропорции через padding-top:100%, тут только скругление в тон .catalog__item */
.catalog__image .product-item-image-wrapper {
	border-radius: 22.0675px;
	overflow: hidden;
	margin-bottom: 0;
}

/* End */


/* Start:/local/templates/market/components/bitrix/sale.products.gift/market_sale_gift/themes/blue/style.min.css?1781902905133*/
.bx-blue.sale-products-gift{--primary:#0083d1;--theme-color-primary:#0083d1;--theme-color-second:#5ca6e4;--theme-color-light:#f0f6f8}
/* End */


/* Start:/local/templates/market/components/bitrix/sale.gift.main.products/market_gift/style.css?178190290587*/
.sale-gift-main-products .catalog-block-header { border-bottom-color: var(--primary); }
/* End */


/* Start:/local/templates/market/components/bitrix/sale.gift.main.products/market_gift/themes/blue/style.min.css?1781902905138*/
.bx-blue.sale-gift-main-products{--primary:#006cc0;--theme-color-primary:#006cc0;--theme-color-second:#0083d1;--theme-color-light:#26b0e4}
/* End */


/* Start:/local/templates/market/components/bitrix/catalog.element/market_element/css/card-responsive.css?178618604812827*/
/* Адаптив карточки товара — этап Э6, владелец card-responsive (CONTRACT.md §1).
 *
 * Что здесь НЕ надо делать заново. Медиазапросы под классы эталона уже написаны
 * в общем template_styles.css: 1500 px (сужается галерея), 1280 px (галерея
 * возвращается в поток и уходит под информационный блок), 767 px (два параметра
 * в ряд), 575 px (всё в одну колонку, кнопка консультации на всю ширину, стрелки
 * галереи показываются). Плюс 1281/1280 px в card-gallery.css и 991 px в card.css.
 * Авторские таблицы из свойств товара тоже уже скроллятся внутри своей коробки —
 * это `.panel__main-info .card__tab-html { overflow-x: auto }` в card.css (Э4).
 * Проверено замером: у товара 1334 таблицы 400 и 700 px лежат в коробке 302 px,
 * скроллятся внутри неё и страницу не растягивают.
 *
 * Этот файл — только то, чего в перечисленном нет.
 *
 * Файл регистрируется ПОСЛЕДНИМ из наших (см. конец template.php): Битрикс отдаёт
 * css в порядке регистрации, а card-gallery.css и card-comments.css подключаются
 * из партиалов, то есть позже шапки template.php. Регистрация в шапке сделала бы
 * адаптив первым, и при равной специфичности он проигрывал бы десктопным правилам.
 *
 * Проверяется не глазами: ops/viewport_probe.js гоняет 11 профилей × 7 брейкпоинтов
 * и меряет горизонтальный скролл, вылезание за правый край и наезды блоков
 * (TESTS.md §4). Статическую половину держит сьют S6.
 */

/* --------------------------------------------------------------------------
   Длинные слова не должны выносить страницу вбок.

   Находка обхода: на узких экранах страница ехала вбок у пяти профилей из
   одиннадцати, и оба виновника — неразрывный текст, а не блоки.

   1. Хлебные крошки. У `.breadcrumbs__current` стоит `white-space: nowrap`,
      а `ul.breadcrumbs` — флекс-контейнер. Название товара в последней крошке
      не переносится вовсе: у товара 1338 это 536 px строкой в контейнере 352 px,
      и страница на 375 px получала 545 px ширины — почти половина экрана вбок.
      Задето 5 профилей: long_name, per_m2_no_price, no_specs, min_tabs
      и (частично) остальные с длинными названиями.
   2. Заголовок товара. У `no_files` на 320 px из коробки вылезало слово
      «Звукоизоляционный»: 17 букв не помещаются в 262 px, а переносить их
      по умолчанию нечем — в русском тексте нет дефисов, за которые можно зацепиться.
      Виновника не было видно ни одним селектором: за край уезжал ТЕКСТОВЫЙ УЗЕЛ,
      а не элемент. Нашёлся он обходом через Range.

   `overflow-wrap: break-word`, а не `anywhere`: `anywhere` меняет ещё и min-content
   ширину элемента, то есть влияет на раскладку флексов и таблиц там, где сегодня
   всё сходится. Нам нужно только «разреши разорвать слово, если иначе оно вылезет».

   Правила без медиазапроса намеренно: перенос длинного слова не бывает вреден,
   а ширина, при которой конкретное название перестаёт помещаться, зависит
   от названия. Ставить границу на 767 px значит ждать, пока заказчик заведёт
   товар с названием подлиннее. На широких экранах правила не меняют ничего —
   переносить там нечего, и это проверено замером до и после.

   Крошки живут в чужом шаблоне (breadcrumb/universal) и точно так же ломаются
   на других страницах сайта. Этот файл приезжает только на карточку, поэтому
   чинится здесь только карточка; общая правка записана в state/card-responsive.md.
   -------------------------------------------------------------------------- */
.breadcrumbs {
	flex-wrap: wrap;
}

.breadcrumbs .breadcrumbs__current {
	white-space: normal;
	overflow-wrap: break-word;
	/* Флекс-элемент по умолчанию не ужимается ниже min-content, и без этого
	   `white-space: normal` не спасёт: крошка останется шире контейнера. */
	min-width: 0;
}

/* --------------------------------------------------------------------------
   Шаг 6.3. Цена, счётчик количества и кнопка покупки.

   В эталоне (`catalog/detail.html.php:53-69`) у `.popup__bottom` ДВА ребёнка:
   `.popup__price` слева и один `.popup__count`, внутри которого счётчик и кнопка
   стоят рядом. У нас детей ТРИ: цена и два отдельных `.popup__count` — счётчик
   и кнопку печатают разные ветки `PRODUCT_PAY_BLOCK_ORDER` в parts/price.php.
   Разметку не трогаем (parts/price.php — файл card-ui, а точечные правки разметки
   вне шага 6.1 идут через владельца), поэтому группируем стилями.

   1. От 576 px и выше. `.popup__bottom` — флекс с `justify-content: space-between`,
      и на трёх детях он разгонял счётчик и кнопку по разным концам строки:
      на 1280 px между ними было 365 px пустоты. Прижимаем цену влево «резиновым»
      margin'ом — тогда оба `.popup__count` собираются в одну группу справа, как
      в эталоне, и расстояние между ними задаёт штатный `margin-right` счётчика.

   2. До 575 px это был не косметический, а НАСТОЯЩИЙ дефект. `template_styles.css`
      кладёт `.popup__count` в `position: absolute; right: 0; top: 20px` — правило
      написано под эталонный ОДИН блок. У нас их два, и оба вставали в одну точку:
      счётчик 90×31 рисовался ПОВЕРХ кнопки 116×35. Замерено на 320, 375 и 414 px,
      на всех трёх прямоугольники пересекаются. Возвращаем блоки в поток: цена
      занимает всю первую строку, счётчик и кнопка встают рядом на второй.
      Абсолютное позиционирование не «чиним смещением на 130 px» — такое число
      живёт ровно до первой смены ширины кнопки.
   -------------------------------------------------------------------------- */
.panel__main-info .popup__bottom {
	justify-content: flex-start;
}

.panel__main-info .popup__bottom .popup__price {
	margin-right: auto;
}

@media (max-width: 575px) {
	.panel__main-info .popup__bottom {
		position: static;
		align-items: center;
	}

	.panel__main-info .popup__bottom .popup__count {
		position: static;
		top: auto;
		right: auto;
	}

	/* Цена занимает первую строку целиком — иначе счётчик и кнопка поджимают её
	   и «30 950 ₽ /рул.» переносится по слогам. */
	.panel__main-info .popup__bottom .popup__price {
		flex: 1 1 100%;
		margin: 0 0 10px 0;
	}
}

/* --------------------------------------------------------------------------
   Галерея и первая вкладка не должны стоять вплотную.

   Замечание заказчика (сессия H). На 375 px низ .popup__photos и верх коробки
   «Описание» оба стояли на 1581 — зазор ноль, две тёмные скруглённые коробки
   выглядели одной слипшейся. Замерено: так на ВСЕХ ширинах до 1280 включительно
   (320, 375, 414, 768, 991, 1024, 1280), а не только на телефоне.

   Откуда это взялось. Разделяет их не отступ галереи, а нижний padding
   контейнера: при 1281 px и выше у .popup__content он 40 px — те самые 40,
   которыми Э3 резервировал место под вынутую из потока галерею (DEF-009).
   Ниже 1281 галерея возвращается в поток, padding обнуляется вместе с
   десктопной раскладкой, и низ контейнера совпадает с низом галереи.

   Ставим 18 px — ровно тот шаг, которым сайт уже отбивает галерею от
   информационного блока сверху (`.popup__photos { margin-top: 18px }` ниже 1281).
   Зазор становится симметричным, а не выдуманным: 18 сверху, 18 снизу.
   Соседние коробки вкладок стоят с шагом 15 px, так что ритм страницы сохраняется.

   Отступ висит на галерее, а НЕ нижним padding'ом контейнера, и это не вкусовщина.
   Первая версия правки была написана как `.panel__main-info .popup__content
   { padding-bottom: 18px }` — и не подействовала вовсе: ровно такой же селектор
   с `padding: 0` есть в template_styles.css. Специфичность равная (0,2,0),
   а Битрикс собирает css компонентов в бандл `page_*`, который на странице
   стоит РАНЬШЕ бандла шаблона `template_*`, — значит при равной специфичности
   общий файл сайта выигрывает у любого нашего. Поймала это новая проверка S8
   («зазор 0 < 12»), а проверка вида «правило написано» была бы зелёной.
   У `.popup__photos` конкурирующего margin-bottom нет ни одного, поэтому здесь
   специфичности хватает и !important не нужен.

   На десктопе не трогаем ничего: медиазапрос кончается на 1280, а выше галерея
   вынута из потока — её margin на раскладку не влияет вовсе, место под неё
   держит min-height контейнера (DEF-009). Проверено замером до и после.
   -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
	.panel__main-info .popup__photos {
		margin-bottom: 18px;
	}
}

.panel__main-info .popup__name,
.panel__main-info .popup__param-value,
.panel__main-info .card__tab-title,
.panel__main-info .card__specs-title,
.panel__main-info .product-item-detail-properties-name,
.panel__main-info .product-item-detail-properties-value {
	overflow-wrap: break-word;
}

/* End */


/* Start:/bitrix/components/bitrix/catalog.store.amount/templates/.default/style.css?17825550952802*/
div.catalog-detail { position: static; border: 1px solid; zoom:1;}
div.catalog-detail-hover div.catalog-admin-links  { display: block; }
div.catalog-detail-hover { position: relative;}

div.catalog-detail-line
{
    font-size:1px;
    height:1px;
    line-height:1px;
    margin:12px 0;
    overflow:hidden;
    padding:0;
    background: url(/bitrix/components/bitrix/catalog.store.amount/templates/.default/images/title-line.gif) no-repeat;
}
div.catalog-detail-properties { clear: both; padding: 1em 0 0;  overflow: hidden; width: 80%; }
div.catalog-detail-property { margin: 0 0 1em; border-bottom:1px dotted; float: left; width: 100%;}
div.catalog-detail-property b { float: right; position: relative; padding-left: 3px;  font-weight:normal; }
div.catalog-detail-property grey { color:grey;  font-weight:lighter; }
div.catalog-detail-property span { float: left; position: relative; padding-right: 3px; zoom: 1;}
div.catalog-detail-properties-title { font-size: 1em; font-weight: bold; margin: 2em 0 1em; }


.bx_storege {}
.bx_storege h4{
    margin-bottom: 0;
}
.bx_storege hr{
    background: #e5e5e5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #e5e5e5 0%, #e5e5e5 50%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e5e5e5), color-stop(50%,#e5e5e5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    background: -o-linear-gradient(left, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    background: -ms-linear-gradient(left, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    background: linear-gradient(to right, #e5e5e5 0%,#e5e5e5 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=1 );
    border: none;
    height: 1px;
}
.bx_storege ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.bx_storege ul li{
    padding: 5px 0 20px;
    font-size: 12px;
    line-height: 17px;
}
.bx_storege ul li a{
    text-decoration: none;
    color: #2a65ae;
}
.bx_storege ul li a:hover{
    text-decoration: underline;
}
/* End */


/* Start:/local/templates/market/components/bitrix/catalog.section/market_section/style.css?17867207371972*/
/* =========================================================================
   Вид «список» (catalog__list--list): включается параметром LIST_VIEW='Y'
   из section_vertical.php (?view=list). Каждый товар рендерится через
   catalog.item/line/template.php в разметке .catalog__item/.catalog__image/
   .catalog__info — стили самих этих классов уже есть в общем
   template_styles.css (карточка на всю ширину, фото слева/инфо справа,
   .catalog__data/.catalog__desc и т.д.), здесь нужно только снять
   зафиксированную в разметке секции 25%-сетку с обёртки .offer__item —
   без этого товар всё равно сжимался бы в четверть строки независимо
   от того, что рендерит catalog.item.

   !important — вынужденно: .catalog .offer__item задаёт flex на 25/33/50%
   в нескольких @media в template_styles.css (та же специфичность, 2 класса),
   и без !important побеждает то один, то другой в зависимости от ширины
   экрана — сетка на части брейкпоинтов возвращалась. Сам файл уже
   использует !important для этой же обёртки (margin-bottom чуть ниже
   в template_styles.css), так что это следует существующей конвенции,
   не вводит новую.
   ========================================================================= */

.catalog__list--list .offer__item {
	-webkit-box-flex: 0 !important;
	-webkit-flex: 0 0 100% !important;
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	margin-bottom: 10px !important;
}

/* End */


/* Start:/local/templates/market/components/bitrix/catalog.products.viewed/market_viewed/style.css?1781902844173*/
.catalog-products-viewed-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}
/* End */
/* /local/templates/market/components/bitrix/catalog/market_catalog/style.css?1783188471868 */
/* /local/templates/market/components/bitrix/catalog.element/market_element/style.css?178319094226734 */
/* /local/templates/market/components/bitrix/catalog.element/market_element/css/card.css?178619237124936 */
/* /local/templates/market/components/bitrix/iblock.vote/market_vote/style.css?1782571794573 */
/* /local/templates/market/components/bitrix/catalog.element/market_element/css/card-gallery.css?178619437019007 */
/* /local/templates/market/components/bitrix/catalog.element/market_element/css/card-comments.css?178592700022615 */
/* /local/templates/market/components/bitrix/catalog.comments/market/style.css?17831959815008 */
/* /bitrix/components/bitrix/blog/templates/.default/style.min.css?178255509430185 */
/* /bitrix/components/bitrix/blog/templates/.default/themes/green/style.css?17825550941140 */
/* /local/templates/market/components/bitrix/catalog.comments/market/themes/red/style.css?17825551024178 */
/* /bitrix/components/bitrix/sale.prediction.product.detail/templates/.default/style.min.css?1782555117332 */
/* /local/templates/market/components/bitrix/sale.products.gift/market_sale_gift/style.css?1781902905177 */
/* /local/templates/market/components/bitrix/catalog.item/market_item/style.css?178672187237872 */
/* /local/templates/market/components/bitrix/sale.products.gift/market_sale_gift/themes/blue/style.min.css?1781902905133 */
/* /local/templates/market/components/bitrix/sale.gift.main.products/market_gift/style.css?178190290587 */
/* /local/templates/market/components/bitrix/sale.gift.main.products/market_gift/themes/blue/style.min.css?1781902905138 */
/* /local/templates/market/components/bitrix/catalog.element/market_element/css/card-responsive.css?178618604812827 */
/* /bitrix/components/bitrix/catalog.store.amount/templates/.default/style.css?17825550952802 */
/* /local/templates/market/components/bitrix/catalog.section/market_section/style.css?17867207371972 */
/* /local/templates/market/components/bitrix/catalog.products.viewed/market_viewed/style.css?1781902844173 */