/* Start:/bitrix/templates/olivin/components/bitrix/catalog.item/bootstrap_v4/style.css?178963763038582*/

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

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

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

.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: 116%;
	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;
	z-index: 15;
}

.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: -5px; }

.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*/
.product-item-info-container {
	clear: both;
	margin-bottom: 8px;
}

.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; }

.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; }
/* =====================================================================
   OLIVIN (P2): карточка товара в сетке — вид demo (a.product-card),
   плюс сохранённые функции Alver: единицы шт/уп/кор, счётчик, корзина,
   избранное, подписка. Селекторы с .olv-pcard.item-card — чтобы перебить
   старые правила .item-card* из assets/css/main.css.
   ===================================================================== */
.olv-pcard.item-card {
	padding: 0; background: transparent; box-shadow: none; border-radius: 0;
	max-width: none; min-height: 0; width: 100%; height: 100%;
	display: flex; flex-direction: column; position: relative;
	container-type: inline-size; container-name: olvcard;
	font-family: var(--olv-font, "Montserrat", sans-serif);
}
.olv-pcard.item-card, .olv-pcard.item-card:hover, .olv-pcard.item-card:active { box-shadow: none !important; }

/* картинка */
.olv-pcard.item-card .olv-pcard__media { position: relative; flex: 0 0 auto; }
.olv-pcard.item-card .olv-pcard__img {
	display: block; position: relative; width: 100%; aspect-ratio: 1 / 1;
	background: #fff; border: 1px solid var(--olv-bg, #F5F5F7); overflow: hidden;
	transition: border-color .2s ease;
}
.olv-pcard.item-card .olv-pcard__img:hover { border-color: var(--olv-border, #DDDDDF); }
.olv-pcard.item-card .olv-pcard__pict {
	display: flex !important; align-items: center; justify-content: center;
	position: absolute; inset: 0; width: 100%; height: 100% !important; margin: 0 !important;
	border-radius: 0; background-color: #fff;
	background-size: contain !important; background-repeat: no-repeat !important;
	background-position: center center !important; background-origin: content-box;
	padding: 8%; box-sizing: border-box;
	transition: transform .3s ease;
}
.olv-pcard.item-card .olv-pcard__img:hover .olv-pcard__pict { transform: scale(1.03); }
.olv-pcard.item-card .item-card__no-photo-text { color: var(--olv-muted, #95979C); font-size: 13px; }

/* бейджи */
.olv-pcard__badges { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; z-index: 2; pointer-events: none; }
.olv-pcard.item-card .olv-pcard__badge {
	position: static; display: inline-block; padding: 4px 8px; border-radius: 5px;
	font-size: 12px; font-weight: 500; line-height: 1.2; color: #fff; background: var(--olv-green, #A0D02E);
}
.olv-pcard.item-card .olv-pcard__badge--sale { background: var(--olv-header, #393D46); }

/* избранное */
.olv-pcard.item-card .olv-pcard__fav {
	position: absolute; top: 8px; right: 8px; z-index: 3;
	width: 36px; height: 36px; border-radius: 50%; border: 0; padding: 0;
	background: rgba(255,255,255,.92); box-shadow: 0 2px 8px rgba(0,0,0,.08);
	display: flex; align-items: center; justify-content: center;
	color: var(--olv-muted, #95979C); cursor: pointer; transition: color .2s ease, background .2s ease;
}
.olv-pcard.item-card .olv-pcard__fav svg { width: 18px; height: 16px; }
.olv-pcard.item-card .olv-pcard__fav:hover { color: var(--olv-green, #A0D02E); background: #fff; }
.olv-pcard.item-card .olv-pcard__fav.in-wishlist { color: var(--olv-green, #A0D02E); }
.olv-pcard.item-card .olv-pcard__fav.in-wishlist svg path { fill: var(--olv-green, #A0D02E); stroke: var(--olv-green, #A0D02E); }

/* название */
.olv-pcard.item-card .olv-pcard__title {
	flex: 0 0 auto; margin: 12px 0 0; min-height: 0; max-height: none;
	font-size: 16px; font-weight: 600; line-height: 1.2; color: var(--olv-title, #383C45);
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.olv-pcard.item-card .olv-pcard__title a { color: inherit; font-weight: 600; text-decoration: none; }
.olv-pcard.item-card .olv-pcard__title a:hover { color: var(--olv-green-dark, #6D9A01); }

/* артикул / наличие */
.olv-pcard.item-card .olv-pcard__meta { margin-top: 8px; font-size: 14px; line-height: 1.2; color: var(--olv-muted, #95979C); }
.olv-pcard.item-card .olv-pcard__meta .item-card__artnumber {
	position: static; font-size: inherit; font-weight: 400; color: inherit; letter-spacing: 0; line-height: inherit; cursor: default !important;
}
.olv-pcard.item-card .olv-pcard__absent { color: var(--olv-muted, #95979C); }

/* цена */
.olv-pcard.item-card .olv-pcard__price {
	display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: 4px 10px;
	margin: 8px 0 0; text-align: left;
}
.olv-pcard.item-card .olv-pcard__price .item-card__price {
	padding: 0 !important; margin: 0 !important;
	color: var(--olv-title, #383C45); font-size: 20px; font-weight: 600; line-height: 1.2; white-space: nowrap;
}
.olv-pcard.item-card .olv-pcard__price .item-card__price .value { color: var(--olv-muted, #95979C); font-weight: 600; }
.olv-pcard.item-card .olv-pcard__price .item-card__price-old { font-size: 14px; color: var(--olv-muted, #95979C); }

/* покупка: счётчик + кнопка */
.olv-pcard.item-card .olv-pcard__buy {
	margin-top: auto; padding-top: 12px;
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
}
.olv-pcard.item-card .olv-pcard__buy .item-card__buttons-container {
	order: 2; flex: 1 1 0; min-width: 0; max-width: none; margin: 0 !important; gap: 0; display: block; text-align: left;
}
.olv-pcard.item-card .olv-pcard__buy .item-card__buttons-container > div { display: block; width: 100%; }

/* счётчик количества — как .lvn-qty demo */
.olv-pcard.item-card .olv-pcard__qty { order: 1; flex: 0 0 auto; display: flex; align-items: stretch; height: 36px; border-radius: 5px; overflow: hidden; }
.olv-pcard.item-card .olv-pcard__qty-btn {
	display: flex; align-items: center; justify-content: center;
	width: 30px; border: 0; border-radius: 0; padding: 0; user-select: none; background: var(--olv-green, #A0D02E); color: #fff;
	font-size: 16px; font-weight: 500; line-height: 1; cursor: pointer; transition: background .15s ease;
}
.olv-pcard.item-card .olv-pcard__qty-btn:hover { background: var(--olv-green-hover, #95C32C); }
.olv-pcard.item-card .olv-pcard__qty-btn.is-off,
.olv-pcard.item-card .olv-pcard__qty-btn.is-off:hover { background: #D5E7A8; cursor: default; }
.olv-pcard.item-card .olv-pcard__qty-val {
	width: 44px; min-width: 0; padding: 0 2px; margin: 0; text-align: center; outline: none; border-radius: 0;
	border: 0; border-top: 1px solid var(--olv-border, #DDDDDF); border-bottom: 1px solid var(--olv-border, #DDDDDF);
	font: inherit; font-size: 15px; font-weight: 500; color: var(--olv-body, #212529); background: #fff; -moz-appearance: textfield;
}
.olv-pcard.item-card .olv-pcard__qty-val:focus { border-color: var(--olv-green-2, #9DC202); }

/* кнопка «В корзину» */
.olv-pcard.item-card .item-card__add-basket {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 8px;
	width: 100%; min-width: 0; height: 36px; margin: 0; padding: 0 12px !important;
	border: 1px solid var(--olv-green, #A0D02E); border-radius: 5px;
	background: var(--olv-green, #A0D02E); color: #fff;
	font-size: 15px !important; font-weight: 500; line-height: 1; white-space: nowrap;
	cursor: pointer; transition: background .2s ease, border-color .2s ease;
}
.olv-pcard.item-card .item-card__add-basket i { color: #fff; font-size: 15px; }
.olv-pcard.item-card .item-card__add-basket:hover { background: var(--olv-green-hover, #95C32C); border-color: var(--olv-green-hover, #95C32C); color: #fff; }
.olv-pcard.item-card .item-card__add-basket.btn--in-basket,
.olv-pcard.item-card .item-card__add-basket.btn--in-basket:hover {
	background: #fff; border-color: var(--olv-green-2, #9DC202); color: var(--olv-green-dark, #6D9A01); cursor: pointer; opacity: 1;
}
.olv-pcard.item-card .item-card__add-basket.btn--in-basket i { color: var(--olv-green-dark, #6D9A01); }
.olv-pcard.item-card .item-card__add-basket.btn--in-basket::after { content: "В корзине"; }

/* подписка «Сообщить о поступлении» — контурная кнопка во всю ширину */
.olv-pcard.item-card .item-card__buy-row .item-card__buttons-container:has(.alver-subscribe-wrap--card) { flex: 1 1 100% !important; }
.olv-pcard.item-card .alver-subscribe-wrap--card { margin: 0 !important; width: 100%; }
.olv-pcard.item-card .alver-subscribe-link--card,
.olv-pcard.item-card .alver-subscribe-link--card.bx-catalog-subscribe-button {
	display: flex !important; align-items: center; justify-content: center; width: 100%;
	min-height: 36px; padding: 6px 10px !important; border-radius: 5px;
	border: 1px solid var(--olv-green, #A0D02E) !important; background: #fff !important;
	color: var(--olv-green-dark, #6D9A01) !important; font-size: 13px !important; font-weight: 500 !important;
	text-transform: none; line-height: 1.15;
}
.olv-pcard.item-card .alver-subscribe-link--card > span { color: inherit !important; font-size: 13px !important; font-weight: 500 !important; }
.olv-pcard.item-card .alver-subscribe-link--card:hover { background: var(--olv-green, #A0D02E) !important; color: #fff !important; }
.olv-pcard.item-card .alver-subscribe-link--card:hover > span { color: #fff !important; }
.olv-pcard.item-card .alver-subscribe-link--card.disabled,
.olv-pcard.item-card .alver-subscribe-link--card.disabled > span { background: var(--olv-bg, #F5F5F7) !important; border-color: var(--olv-bg, #F5F5F7) !important; color: var(--olv-muted, #95979C) !important; }

/* узкая карточка (2 колонки на телефоне): кнопка — только иконка */
@container olvcard (max-width: 235px) {
	.olv-pcard.item-card .olv-pcard__title { font-size: 14px; }
	.olv-pcard.item-card .olv-pcard__meta { font-size: 12px; }
	.olv-pcard.item-card .olv-pcard__price .item-card__price { font-size: 17px; }
	.olv-pcard.item-card .olv-pcard__btn-text,
	.olv-pcard.item-card .item-card__add-basket.btn--in-basket::after { display: none; }
	.olv-pcard.item-card .item-card__add-basket { padding: 0 !important; }
	.olv-pcard.item-card .olv-pcard__qty-btn { width: 26px; }
	.olv-pcard.item-card .olv-pcard__qty-val { width: 34px; font-size: 14px; }
	.olv-pcard.item-card .olv-pcard__fav { width: 32px; height: 32px; top: 6px; right: 6px; }
}
@container olvcard (max-width: 150px) {
	.olv-pcard.item-card .olv-pcard__qty { flex: 1 1 100%; }
	.olv-pcard.item-card .olv-pcard__qty-val { flex: 1 1 auto; }
}

.olv-pcard.item-card .item-card__add-basket[hidden] { display: none !important; }
/* FX-P2 (C7): «Сообщить о поступлении» в узкой карточке — перенос вместо троеточия */
@container olvcard (max-width: 235px) {
	.olv-pcard.item-card .alver-subscribe-link--card,
	.olv-pcard.item-card .alver-subscribe-link--card > span { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; text-align: center; font-size: 12px !important; }
}

/* End */


/* Start:/bitrix/templates/olivin/assets/css/pages/catalog.css?178964542335226*/
/* =====================================================================
   OLIVIN — каталог (агент P2): раздел, фильтр, сетка, детальная, поиск.
   Подключается из section_vertical.php, element.php, /search/, /promo/.
   ===================================================================== */

/* ---------- Раздел: две колонки как demo/catalog.php ---------- */
.olv-catalog-page .olv-page__body { padding-bottom: 90px; }
.olv-catalog {
	display: flex; align-items: flex-start; gap: 30px;
	padding: 32px 0 40px; color: var(--olv-text);
}
.olv-catalog__side { flex: 0 0 300px; width: 300px; position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.olv-catalog__main { flex: 1 1 auto; min-width: 0; }
.olv-catalog__panel-head, .olv-catalog__mobilebar, .olv-catalog__backdrop { display: none; }

/* Дерево разделов (demo .category-item / .category-title / .category-major) */
.olv-catalog .category-item { margin-bottom: 30px; }
.olv-catalog .category-title {
	display: block; margin-bottom: 15px; font-size: 18px; font-weight: 500; line-height: 1.2; color: var(--olv-text);
}
.olv-catalog a.category-title:hover { color: var(--olv-green-dark); }
.olv-catalog__list, .olv-catalog__sublist { list-style: none; margin: 0; padding: 0; }
.olv-catalog__li + .olv-catalog__li { margin-top: 4px; }
.olv-catalog .category-major {
	display: block; padding: 7px 7px 7px 7px; border-radius: 5px;
	color: #fff; background: var(--olv-green-strong); font-weight: 400; line-height: 1.2;
}
.olv-catalog__link { display: block; padding: 5px 0; color: var(--olv-text); line-height: 1.25; }
.olv-catalog__link:hover { color: var(--olv-green-dark); }
.olv-catalog .size-lot { color: var(--olv-border); }
.olv-catalog__sublist { margin: 6px 0 8px 12px; padding-left: 10px; border-left: 2px solid var(--olv-line); }
.olv-catalog__sublist .olv-catalog__link { font-size: 15px; padding: 4px 0; }

/* Чипы подразделов (только мобильный) */
.olv-catalog__chips { display: none; }

/* Заголовок + счётчик (demo .catalog-basic__title) */
.olv-list__head { position: relative; display: inline-block; max-width: 100%; padding-right: 40px; }
.olv-list__head .title-3 { margin: 0; }
.olv-list__head .amount { position: absolute; top: 6px; right: 0; font-size: 16px; color: var(--olv-text); }

/* Сортировка (demo .catalog-sort) */
.olv-sort { display: flex; flex-wrap: wrap; align-items: center; margin: 20px 0 0; }
.olv-sort__label { margin: 15px 15px 0 0; color: #6B6E75; font-weight: 500; } /* FX2-R: было #DDDDDF — почти не видно */
.olv-sort .sort-btn { margin: 15px 15px 0 0; font-weight: 400; text-decoration: none; }
.olv-sort .sort-btn.arrow { position: relative; padding-right: 32px; }
.olv-sort .sort-btn.arrow::after {
	content: ""; position: absolute; top: 50%; right: 8px; width: 18px; height: 18px; margin-top: -9px;
	background: url("/bitrix/templates/olivin/assets/css/pages/../../img/icons/sort.png") no-repeat center / contain; opacity: .8;
}
.olv-sort .sort-btn.is-asc::after, .olv-sort .sort-btn.is-desc::after { background: none; opacity: 1; font: 600 14px/18px var(--olv-font); color: var(--olv-green-dark); text-align: center; }
.olv-sort .sort-btn.is-asc::after { content: "↑"; }
.olv-sort .sort-btn.is-desc::after { content: "↓"; }

/* Сетка карточек: 3 в ряд с фильтром (demo col-xl-4), 2 на планшете/телефоне */
.olv-list__items {
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 30px; margin: 20px 0 40px; padding: 0;
}
/* main.css задаёт [data-entity=items-row] {display:grid !important} — перебиваем */
.olv-list .olv-grid[data-entity="items-row"] { display: contents !important; }
.olv-list .olv-grid[data-entity="items-row"] > * { width: auto !important; max-width: none !important; padding: 0 !important; margin: 0; flex: none !important; min-width: 0; }
.olv-grid .product-item-container { height: 100%; }
.olv-list--plain .olv-list__items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.olv-list__lazy { margin: 10px 0 20px; }
.olv-list__more { min-width: 190px; }
.olv-list [data-pagination-num] { padding: 0; }
.olv-catalog__pdf { display: flex; justify-content: center; margin-top: 10px; }
.olv-catalog__pdf .olv-btn { gap: 10px; }
.olv-catalog .catalog-block-header { display: none !important; }

/* ---------- Смарт-фильтр в стиле demo ---------- */
.olv-catalog__filter { margin-top: 8px; }
.olv-filter.smart-filter { background: transparent; border: 0; box-shadow: none; padding: 0; margin: 0; font-family: var(--olv-font); }
.olv-filter .smart-filter-section { padding: 0; }
.olv-filter .smart-filter-title { margin-bottom: 15px; font-size: 18px; font-weight: 500; color: var(--olv-text); border: 0; padding: 0; }
.olv-filter .row { --bs-gutter-x: 0; margin: 0; }
.olv-filter .row > * { padding: 0; }
.olv-filter .smart-filter-parameters-box { margin: 0 0 26px !important; padding: 0; border: 0; }
.olv-filter .smart-filter-parameters-box-title { margin: 0 0 12px; padding: 0; cursor: default; pointer-events: none; }
.olv-filter .smart-filter-parameters-box-title-text { font-size: 18px; font-weight: 500; color: var(--olv-text); }
.olv-filter .smart-filter-angle, .olv-filter .smart-filter-container-modef { display: none !important; }
/* JCSmartFilter.hideFilterProps анимирует inline height/opacity — держим блоки раскрытыми */
.olv-filter .smart-filter-block { display: block !important; height: auto !important; opacity: 1 !important; overflow: visible !important; }
.olv-filter .smart-filter-parameters-box-container { padding: 0; }
.olv-filter .form-check { display: flex; align-items: flex-start; gap: 8px; min-height: 0; margin: 0 0 10px !important; padding-left: 0; }
.olv-filter .form-check-input,
.olv-catalog .section-filter-available .form-check-input {
	float: none; flex: 0 0 18px; width: 18px; height: 18px; margin: 1px 0 0; border: 1px solid var(--olv-border); border-radius: 3px; cursor: pointer;
}
.olv-filter .form-check-input:checked, .olv-catalog .section-filter-available .form-check-input:checked { background-color: var(--olv-green-2); border-color: var(--olv-green-2); box-shadow: none; }
.olv-filter .form-check-input:focus { box-shadow: 0 0 0 .2rem rgba(157, 194, 2, .2); border-color: var(--olv-green-2); }
.olv-filter .smart-filter-checkbox-text { font-size: 16px; line-height: 1.2; color: var(--olv-text); cursor: pointer; }
.olv-filter .form-check-input:disabled + .smart-filter-checkbox-text { opacity: .45; cursor: default; }
.olv-filter .smart-filter-checkbox-text:hover { color: var(--olv-green-dark); }
.olv-filter .size-lot { color: var(--olv-border); }
/* «В наличии» — вставляется в section_vertical.php */
.olv-catalog .section-filter-available { margin: 0 0 22px; padding: 0 0 18px; border-bottom: 1px solid var(--olv-line); }
.olv-catalog .section-filter-available .form-check { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; min-height: 0; }
.olv-catalog .section-filter-available .smart-filter-checkbox-text { font-size: 16px; color: var(--olv-text); cursor: pointer; }
/* Цвета — кружки demo */
.olv-filter .olv-filter__colors { display: flex; flex-wrap: wrap; gap: 6px 5px; }
.olv-filter .category-color.form-check { display: inline-block; margin: 0 !important; padding: 0; }
.olv-filter .category-color .form-check-input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.olv-filter .check-color { display: block; padding: 1px; border: 2px solid #fff; border-radius: 20px; cursor: pointer; }
.olv-filter .check-color > span:first-child { display: block; width: 30px; height: 30px; border-radius: 20px; border: 1px solid var(--olv-border); }
.olv-filter .category-color .form-check-input:checked ~ .check-color { border-color: var(--olv-green-strong); }
.olv-filter .category-color .form-check-input:focus-visible ~ .check-color { outline: 2px solid var(--olv-green-2); outline-offset: 1px; }
.olv-filter .category-color.is-disabled .check-color { opacity: .35; cursor: default; }
/* Цена/числа */
.olv-filter .smart-filter-input-container input { height: 40px; font-size: 14px; border-radius: 5px; border-color: var(--olv-border); }
/* Кнопки */
.olv-filter .smart-filter-button-box { position: relative; }
.olv-filter .smart-filter-button-box .smart-filter-parameters-box-container { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.olv-filter .olv-filter__apply { min-width: 120px; padding: 9px 20px; font-weight: 500; }
.olv-filter .olv-filter__reset { padding: 9px 12px; border: 0; background: none; color: var(--olv-green-link); font-size: 14px; font-weight: 500; }
.olv-filter .olv-filter__reset:hover { color: var(--olv-green-dark); text-decoration: underline; }
/* Всплывашка «Выбрано: N / Показать» */
.olv-filter .smart-filter-popup-result {
	position: absolute !important; left: 0 !important; right: auto !important; top: calc(100% + 8px) !important;
	margin: 0 !important; min-width: 160px; max-width: 280px; padding: 12px 16px !important;
	background: #fff; border: 1px solid var(--olv-line) !important; border-image: none !important; border-radius: 8px !important;
	box-shadow: var(--olv-shadow-drop, 0 20px 40px rgba(0,0,0,.08)); font-size: 14px; line-height: 1.4; color: var(--olv-text); z-index: 20; white-space: normal;
}
.olv-filter .smart-filter-popup-result .arrow { display: none !important; }
.olv-filter .smart-filter-popup-result #modef_num { font-weight: 600; color: var(--olv-green-dark); }
.olv-filter .smart-filter-popup-result a {
	display: inline-block; margin-top: 8px; padding: 6px 18px; border-radius: 5px;
	background: var(--olv-green); color: #fff !important; font-weight: 500; text-decoration: none !important;
}
.olv-filter .smart-filter-popup-result a:hover { background: var(--olv-green-hover); }
.olv-filter, .olv-filter * { transition: none; }

/* ---------- Адаптив раздела ---------- */
@media (max-width: 1199.98px) {
	.olv-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
	.olv-list--plain .olv-list__items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.olv-catalog__side { flex-basis: 260px; width: 260px; }
}
@media (max-width: 991.98px) {
	.olv-list--plain .olv-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.olv-catalog { display: block; padding-top: 16px; }
	.olv-catalog__side { position: static; width: auto; max-height: none; overflow: visible; }
	.olv-catalog__mobilebar { display: flex; gap: 10px; margin: 0 0 12px; }
	.olv-catalog__toggle {
		display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 18px;
		border: 1px solid var(--olv-green-2); border-radius: 5px; background: #fff;
		color: var(--olv-text); font-size: 15px; font-weight: 500;
	}
	.olv-catalog__toggle i { color: var(--olv-green-dark); }
	/* выезжающая панель */
	.olv-catalog__panel {
		position: fixed; top: 0; bottom: 0; left: 0; z-index: 1046;
		width: min(360px, 88vw); padding: 0 20px 90px; overflow-y: auto; overscroll-behavior: contain;
		background: #fff; box-shadow: 0 0 40px rgba(0,0,0,.2);
		transform: translateX(-105%); visibility: hidden; transition: transform .25s ease, visibility 0s linear .25s;
	}
	.olv-catalog__panel.section-filter-mobile-open { transform: none; visibility: visible; transition: transform .25s ease; }
	.olv-catalog__panel-head {
		display: flex; align-items: center; justify-content: space-between;
		position: sticky; top: 0; z-index: 2; margin: 0 -20px 16px; padding: 16px 20px; background: #fff; border-bottom: 1px solid var(--olv-line);
	}
	.olv-catalog__panel-title { font-size: 20px; font-weight: 600; color: var(--olv-title); }
	.olv-catalog__panel-head .btn-close { display: block; opacity: .7; }
	.olv-catalog__backdrop { display: block; position: fixed; inset: 0; z-index: 1044; background: rgba(0,0,0,.4); }
	.olv-catalog__backdrop[hidden] { display: none; }
	.olv-catalog .olv-filter .smart-filter-button-box {
		position: sticky; bottom: 0; z-index: 3; margin: 0 -20px; padding: 12px 20px; background: #fff; border-top: 1px solid var(--olv-line);
	}
	.olv-filter .smart-filter-popup-result { top: auto !important; bottom: calc(100% + 8px) !important; }
	.olv-catalog__chips { display: flex; gap: 8px; margin: 0 -12px 8px; padding: 0 12px 6px; overflow-x: auto; scrollbar-width: none; }
	.olv-catalog__chips::-webkit-scrollbar { display: none; }
	.olv-catalog__chips .olv-chip { flex: 0 0 auto; white-space: nowrap; padding: 8px 12px; font-size: 14px; }
	.olv-list__head { margin-top: 4px; }
	.olv-catalog__mobilebar { margin-bottom: 16px; }
}
body.olv-catalog-lock { overflow: hidden; }
@media (min-width: 768px) and (max-width: 991.98px) {
	.olv-list__items, .olv-list--plain .olv-list__items { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 16px; }
}
@media (max-width: 575.98px) {
	.olv-list__head { padding-right: 32px; }
	.olv-list__head .amount { font-size: 14px; top: 2px; }
	.olv-sort { margin-top: 6px; }
	.olv-sort__label { width: 100%; margin: 8px 0 0; font-size: 14px; }
	.olv-sort .sort-btn { margin: 8px 8px 0 0; }
	.olv-sort .sort-btn.arrow { padding-right: 26px; }
	.olv-sort .sort-btn.arrow::after { right: 5px; width: 16px; height: 16px; margin-top: -8px; }
	.olv-list__items,
	.olv-list--plain .olv-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; margin: 12px 0 28px; }
}

/* ---------- Детальная: demo/product.php ---------- */
.olv-product-page .olv-page__body { padding-bottom: 80px; }
.olv-product-wrap { --bs-gutter-x: 0; margin: 0; }
.olv-product-wrap > .col { padding: 0; }
.olv-product { padding-top: 8px; }
.olv-product .lvn-product-top { --bs-gutter-x: 24px; --bs-gutter-y: 24px; margin-left: calc(var(--bs-gutter-x) * -.5); margin-right: calc(var(--bs-gutter-x) * -.5); }
.olv-product .lvn-product-top > * { min-width: 0; }

/* Галерея */
.olv-gallery, .olv-product .item-section__img-cont { position: relative; padding: 0; background: transparent; box-shadow: none !important; border: 0; border-radius: 0; height: auto; }
.olv-product .olv-gallery__main {
	position: relative; width: 100%; aspect-ratio: 1 / 1; max-height: 560px;
	background: #fff; border: 1px solid var(--olv-border); border-radius: var(--olv-radius-card); box-shadow: none !important;
	--swiper-navigation-color: #777; --swiper-navigation-size: 34px;
}
.olv-product .olv-gallery__main .swiper-slide { display: flex; align-items: center; justify-content: center; background: #fff; }
.olv-product .olv-gallery__main .swiper-slide img {
	display: block; width: 100%; height: 100%; max-height: 560px; object-fit: contain; padding: 6%; cursor: zoom-in;
	border-radius: 0; box-shadow: none;
}
.olv-product .olv-gallery__main .swiper-button-prev,
.olv-product .olv-gallery__main .swiper-button-next { z-index: 5; }
.olv-product .olv-gallery__main .swiper-button-prev[hidden],
.olv-product .olv-gallery__main .swiper-button-next[hidden],
.olv-product .olv-gallery__thumbs[hidden] { display: none !important; }
.olv-product .olv-gallery__thumbs { margin-top: 16px; }
.olv-product .olv-gallery__thumbs .swiper-slide { width: 22%; cursor: pointer; }
.olv-product .olv-gallery__thumbs .swiper-slide img {
	display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #fff;
	border: 2px solid transparent; border-radius: .5rem; padding: 4px;
}
.olv-product .olv-gallery__thumbs .swiper-slide-thumb-active img { border-color: var(--olv-green); box-shadow: 0 0 0 2px rgba(160, 208, 46, .25); }
.olv-product .olv-gallery__main .swiper-wrapper:empty { display: none; }
.olv-product .olv-gallery__main:has(.swiper-wrapper:empty)::after {
	content: "Нет фото"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--olv-muted);
}

/* Информация */
.olv-product__info { background: transparent; box-shadow: none; padding: 0; border-radius: 0; max-width: none; }
.olv-product .olv-product__title { margin: 0 0 8px; }
.olv-product__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-bottom: 16px; font-size: 14px; color: var(--olv-muted); }
.olv-product__meta span { color: var(--olv-body); }
.olv-product__price-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 16px; margin-bottom: 16px; }
.olv-product__price { display: flex; align-items: baseline; gap: 12px; }
.olv-product .olv-product__price .price { font-size: 28px; font-weight: 500; line-height: 1.1; color: var(--olv-body); white-space: nowrap; }
.olv-product .olv-product__price .price .value { font-size: 16px; vertical-align: top; position: relative; top: 2px; color: var(--olv-body); }
.olv-product .olv-product__price .old-price { font-size: 16px; color: var(--olv-muted); text-decoration: line-through; }
.olv-product__per { font-size: 14px; color: var(--olv-muted); padding-bottom: 3px; }
.olv-product__economy { width: 100%; font-size: 14px; color: var(--olv-green-dark); }
.olv-product__label { margin-bottom: 6px; font-size: 14px; color: var(--olv-muted); }

/* Количество + В корзину + избранное */
.olv-product__buy { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-bottom: 20px; }
.olv-product .detail-qty-row { display: block; margin: 0; }
.olv-product .olv-qty.counter { display: inline-flex; align-items: stretch; width: 140px; height: 44px; margin: 0; padding: 0; border: 0; background: none; gap: 0; }
.olv-product .olv-qty .counter__btn {
	flex: 0 0 40px; width: 40px; height: auto; display: flex; align-items: center; justify-content: center;
	border: 0; border-radius: 0; background: var(--olv-green); color: #fff; font-size: 20px; font-weight: 500; line-height: 1; padding: 0;
}
.olv-product .olv-qty .counter__btn:first-child { border-radius: 5px 0 0 5px; }
.olv-product .olv-qty .counter__btn:last-child { border-radius: 0 5px 5px 0; }
.olv-product .olv-qty .counter__btn:hover { background: var(--olv-green-hover); }
.olv-product .olv-qty .counter__btn:disabled,
.olv-product .olv-qty .counter__btn.counter__btn--disabled { background: #D5E7A8; cursor: default; opacity: 1; }
.olv-product .olv-qty .counter__value {
	flex: 1 1 auto; width: auto; min-width: 0; height: auto; margin: 0; padding: 0 4px;
	border: 1px solid var(--olv-border); border-left: 0; border-right: 0; border-radius: 0;
	text-align: center; font-size: 16px; font-weight: 500; color: var(--olv-body); background: #fff; -moz-appearance: textfield;
}
.olv-product .olv-qty .counter__value::-webkit-outer-spin-button,
.olv-product .olv-qty .counter__value::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.olv-product .detail-basket-row { margin: 0 !important; }
.olv-product .detail-basket-btn {
	display: inline-flex !important; align-items: center; justify-content: center; gap: 10px;
	min-width: 190px; height: 44px; padding: 0 28px !important; margin: 0 !important;
	border: 1px solid var(--olv-green) !important; border-radius: 5px !important;
	background: var(--olv-green) !important; color: #fff !important;
	font-size: 17px !important; font-weight: 500 !important; text-transform: none !important; line-height: 1; text-decoration: none;
}
.olv-product .detail-basket-btn:hover { background: var(--olv-green-hover) !important; border-color: var(--olv-green-hover) !important; }
.olv-product .detail-basket-btn.btn--in-basket,
.olv-product .detail-basket-btn.btn--in-basket:hover { background: #fff !important; color: var(--olv-green-dark) !important; border-color: var(--olv-green-2) !important; cursor: pointer; }
.olv-product .olv-product__fav {
	position: static; display: inline-flex; align-items: center; justify-content: center;
	width: 52px; height: 44px; padding: 0; border: 1px solid var(--olv-text); border-radius: 5px;
	background: #fff; color: var(--olv-text); font-size: 18px; transition: background .2s, color .2s, border-color .2s;
}
.olv-product .olv-product__fav:hover { background: var(--olv-bg); }
.olv-product .olv-product__fav .fa-solid { display: none; }
.olv-product .olv-product__fav.in-wishlist { color: var(--olv-green); border-color: var(--olv-green); }
.olv-product .olv-product__fav.in-wishlist .fa-solid { display: inline-block; }
.olv-product .olv-product__fav.in-wishlist .fa-regular { display: none; }

/* Подписка на поступление */
.olv-product .olv-product__subscribe { margin: 0 0 20px; text-align: left; }
.olv-product .alver-subscribe-link--detail,
.olv-product .alver-subscribe-link--detail.bx-catalog-subscribe-button {
	display: inline-flex !important; height: 44px; padding: 0 24px !important; border-radius: 5px !important;
	background: var(--olv-green) !important; border-color: var(--olv-green) !important;
	font-size: 16px !important; text-transform: none !important;
}
.olv-product .alver-subscribe-link--detail > span { font-size: 16px !important; }
.olv-product .alver-subscribe-link--detail:hover { background: var(--olv-green-hover) !important; }
/* «Уже подписаны» — состояние, не действие (FX2-R) */
.olv-product .alver-subscribe-link--detail.disabled,
.olv-product .alver-subscribe-link--detail.disabled:hover {
	background: var(--olv-bg, #F5F5F7) !important; border: 1px solid var(--olv-line, #EAEAEA) !important;
	color: var(--olv-text, #4C4F57) !important; cursor: default; pointer-events: none; box-shadow: none !important;
}
.olv-product .alver-subscribe-link--detail.disabled > span { color: var(--olv-text, #4C4F57) !important; background: none !important; user-select: none; }
.olv-product .alver-subscribe-link--detail.disabled > span::before {
	content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 8px; color: var(--olv-green-2, #9DC202);
}

.olv-product .olv-product__delivery { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; font-size: 14px; color: var(--olv-text); }
.olv-product .olv-product__delivery span { font-weight: 400; }
.olv-product .olv-product__delivery b { font-weight: 600; }
.olv-product .olv-product__delivery i { color: var(--olv-green-2); font-size: 18px; }

/* Краткие характеристики */
.olv-product__specs { margin-top: 4px; background: #fff; }
.olv-product .olv-dl li { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; border-bottom: 1px solid var(--olv-line); font-size: 15px; }
.olv-product .olv-dl li:last-child { border-bottom: 0; }
.olv-product .olv-dl li > span:last-child { text-align: right; color: var(--olv-body); overflow-wrap: anywhere; }

/* Вкладки */
.olv-product__tabs { margin-top: 32px; }
.olv-product__tabs .nav-tabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; border-bottom-color: var(--olv-border); }
.olv-product__tabs .nav-tabs::-webkit-scrollbar { display: none; }
.olv-product__tabs .nav-link { white-space: nowrap; border-top-left-radius: .5rem; border-top-right-radius: .5rem; color: var(--olv-green); font-weight: 500; font-size: 17px; padding: 10px 18px; }
.olv-product__tabs .nav-link.active { font-weight: 600; color: var(--olv-green); background: #fff; border-color: var(--olv-border) var(--olv-border) #fff; }
.olv-product__panes { padding: 16px 20px; background: #fff; border: 1px solid var(--olv-border); border-top: 0; border-radius: 0 0 .5rem .5rem; }
.olv-product__panes > .tab-pane { display: none; }
.olv-product__panes > .tab-pane.active { display: block; }
.olv-product__panes .olv-content { font-size: 16px; line-height: 1.5; }
.olv-product__panes .olv-content > :last-child { margin-bottom: 0; }
.olv-product__panes img { max-width: 100%; height: auto; }

/* «С этим покупают» */
.olv-also { margin-top: 60px; }
.olv-also .olv-section-head { margin-bottom: 8px; }
.olv-also .olv-list__items { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 20px; }
.olv-also .btn-main { display: inline-flex; align-items: center; justify-content: center; }

/* Лайтбокс галереи (GLightbox 3.3.1) в палитре OLIVIN */
.olv-product .olv-gallery__main .quickbox { cursor: zoom-in; }
.glightbox-container.olv-lightbox .goverlay { background: rgba(22, 22, 22, .94); }
.glightbox-container.olv-lightbox .gclose,
.glightbox-container.olv-lightbox .gnext,
.glightbox-container.olv-lightbox .gprev { background-color: rgba(255, 255, 255, .08); border-radius: 50%; opacity: 1; transition: background-color .2s ease; }
.glightbox-container.olv-lightbox .gnext,
.glightbox-container.olv-lightbox .gprev { width: 48px; height: 48px; }
.glightbox-container.olv-lightbox .gclose { width: 44px; height: 44px; top: 16px; right: 16px; }
.glightbox-container.olv-lightbox .gclose path,
.glightbox-container.olv-lightbox .gnext path,
.glightbox-container.olv-lightbox .gprev path { fill: var(--olv-green, #A0D02E); }
.glightbox-container.olv-lightbox .gclose:hover,
.glightbox-container.olv-lightbox .gnext:hover,
.glightbox-container.olv-lightbox .gprev:hover { background-color: var(--olv-green, #A0D02E); }
.glightbox-container.olv-lightbox .gclose:hover path,
.glightbox-container.olv-lightbox .gnext:hover path,
.glightbox-container.olv-lightbox .gprev:hover path { fill: #fff; }
.glightbox-container.olv-lightbox .gbtn.focused { outline: 2px solid var(--olv-green, #A0D02E); outline-offset: 2px; }
.glightbox-container.olv-lightbox .gslide-media { box-shadow: none; background: #fff; }
.glightbox-container.olv-lightbox .olv-lightbox__counter { position: absolute; top: 26px; left: 20px; z-index: 99999; color: #fff; font-size: 15px; font-weight: 500; line-height: 1; pointer-events: none; }
.glightbox-container.olv-lightbox .olv-lightbox__counter[hidden] { display: none; }
@media (max-width: 767.98px) {
	.glightbox-container.olv-lightbox .gnext,
	.glightbox-container.olv-lightbox .gprev { width: 40px; height: 40px; }
	/* мобильный: листание свайпом (стрелки GLightbox тут скрыты штатно), фото не заходит под крестик и счётчик */
	.glightbox-container.olv-lightbox .gslide-image img { max-height: calc(100vh - 136px); max-height: calc(100dvh - 136px); max-width: calc(100vw - 24px); }
	.glightbox-container.olv-lightbox .olv-lightbox__counter { top: 30px; left: 16px; }
}

@media (max-width: 991.98px) {
	.olv-product .olv-gallery__main { max-height: 460px; }
	.olv-also .olv-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
	.olv-product .olv-product__price .price { font-size: 24px; }
	.olv-product__buy { gap: 10px; }
	.olv-product .detail-qty-row { flex: 0 0 auto; }
	.olv-product .olv-qty.counter { width: 124px; }
	.olv-product .detail-basket-row { flex: 1 1 auto; min-width: 0; }
	.olv-product .detail-basket-btn { width: 100%; min-width: 0; padding: 0 12px !important; font-size: 16px !important; }
	.olv-product .olv-product__fav { width: 44px; }
	.olv-product__tabs .nav-link { font-size: 15px; padding: 8px 12px; }
	.olv-product__panes { padding: 14px; }
	.olv-also { margin-top: 40px; }
	.olv-also .olv-list__items { gap: 28px 12px; }
}

/* «Вы смотрели» (catalog.products.viewed) */
.olv-viewed.viewed-products { margin-top: 60px; padding: 0; background: transparent; }
.olv-viewed .viewed-products__header { margin-bottom: 20px; padding: 0; }
.olv-viewed .viewed-products__title { font-size: 28px; font-weight: 600; color: var(--olv-title); }
.olv-viewed .viewed-slider__item { flex: 0 0 calc((100% - 48px) / 4); }
.olv-viewed .olv-viewed__card { max-width: none; margin: 0; width: 100%; }
.olv-viewed .product-img { background: #fff; }
.olv-viewed .olv-viewed__nophoto { color: var(--olv-muted); font-size: 13px; }
.olv-viewed .product-img { display: flex; }
.olv-viewed .product-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; }
.olv-viewed .product-price { display: block; font-size: 18px; }
.olv-viewed .product-price .value { color: var(--olv-muted); }
.olv-viewed .viewed-slider__btn { color: var(--olv-text); }
.olv-viewed .viewed-slider__btn:disabled { opacity: .3; }
@media (max-width: 991.98px) { .olv-viewed .viewed-slider__item { flex-basis: calc((100% - 32px) / 3); } }
@media (max-width: 575.98px) {
	.olv-viewed.viewed-products { margin-top: 40px; }
	.olv-viewed .viewed-products__title { font-size: 22px; }
	.olv-viewed .viewed-slider__item { flex-basis: calc((100% - 16px) / 2); }
}
.olv-product .olv-gallery__main .swiper-slide img.olv-gallery__nophoto { cursor: default; padding: 20%; opacity: .8; }

/* ---------- Поиск /search/ ---------- */
.olv-search-page__box { max-width: 760px; margin: 24px 0 8px; }
.olv-search-page__form { display: flex; gap: 10px; }
.olv-search-page__input { height: 48px; font-size: 16px; }
.olv-search-page__btn { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 22px; flex: 0 0 auto; }
.olv-search-page__note { margin: 12px 0 0; font-size: 14px; color: var(--olv-muted); }
.olv-search-page__note a { color: var(--olv-green-link); }
.olv-search-page__note--error { color: #c0392b; }
.olv-list-empty { padding: 32px 0 20px; }
.olv-list-empty .title-5 { margin-bottom: 12px; }
.olv-search-page .olv-list { margin-top: 24px; }
@media (max-width: 575.98px) {
	.olv-search-page__btn span { display: none; }
	.olv-search-page__btn { padding: 0 16px; }
}
.olv-search-page .olv-list__items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1199.98px) { .olv-search-page .olv-list__items { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .olv-search-page .olv-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* <button class="btn btn-primary btn-main"> — контурная, как в demo (у <button> перебивалась заливка) */
/* C4: main.css [data-use^="show-more"] красит кнопку заливкой (!important) и оранжевым hover — возвращаем .btn-main demo */
.olv-list__more.btn-main[data-use^="show-more"] {
	background: transparent !important; color: var(--olv-green) !important; border: 2px solid var(--olv-green) !important;
	border-radius: var(--olv-radius) !important; font-weight: 600 !important; font-size: 16px; padding: 0 16px !important;
}
.olv-list__more.btn-main[data-use^="show-more"]:hover,
.olv-list__more.btn-main[data-use^="show-more"]:active { background: var(--olv-green) !important; border-color: var(--olv-green) !important; color: var(--olv-text) !important; }
.olv-list__more.btn-main[data-use^="show-more"]:disabled { opacity: .6; }

/* ---------- /promo/ ---------- */
.olv-promo__lead { margin: 0 0 8px; color: var(--olv-muted); }
.olv-promo__grid .olv-list__items { margin: 20px 0 20px; }
.olv-promo__grid .olv-list + .olv-list .olv-list__items { margin-top: 20px; }

/* =====================================================================
   FX-P2 — доработки круг 1
   ===================================================================== */
/* C1/X6: main.css .catalog-products{margin-top:65px} — H1 на уровне фильтра, без дыры над сеткой /promo/ */
.olv-catalog .catalog-products,
.olv-list.catalog-products { margin-top: 0; }
@media (max-width: 991.98px) { .olv-catalog .olv-catalog__mobilebar { margin-bottom: 12px; } }
/* C5: счётчик прижат к заголовку (как «Футболки¹²³» в demo) */
.olv-list__head { display: inline-flex; align-items: flex-start; gap: 4px; padding-right: 0; }
.olv-list__head .title-3 { min-width: 0; }
.olv-list__head .amount { position: static; flex: 0 0 auto; margin-top: 4px; line-height: 1; }
@media (max-width: 575.98px) { .olv-list__head { padding-right: 0; } .olv-list__head .amount { margin-top: 2px; } }
/* P2: копейки/₸ верхним индексом, как .h6.align-text-top в demo */
.olv-product .olv-product__price .price .value { font-size: 16px; font-weight: 500; vertical-align: text-top; top: 0; line-height: 1; }
/* P3: вкладки 16px, 8/16 */
.olv-product__tabs .nav-link { font-size: 16px; padding: 8px 16px; }
/* P4: «В корзину» 16px */
.olv-product .detail-basket-btn { font-size: 16px !important; }
/* P7: отступ перед подвалом ~60px */
.olv-product-page .olv-page__body { padding-bottom: 50px; }
/* X5: форма поиска на /search/ в стиле полей demo */
.olv-search-page__input { border-color: var(--olv-border); border-radius: 5px; }
/* П.4: «Вы смотрели» — общая карточка .olv-pcard */
.olv-viewed .viewed-slider__item { display: flex; }
.olv-viewed .olv-pcard.item-card .olv-pcard__title { font-size: 16px; -webkit-line-clamp: 3; }
.olv-viewed .olv-pcard.item-card .olv-pcard__price { display: flex; font-size: inherit; }
.olv-viewed .olv-pcard.item-card .olv-pcard__more {
	display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 36px; padding: 0 12px;
	border: 1px solid var(--olv-green); border-radius: 5px; background: #fff; color: var(--olv-green-dark);
	font-size: 14px; font-weight: 500; text-decoration: none; transition: background .2s, color .2s;
}
.olv-viewed .olv-pcard.item-card .olv-pcard__more:hover { background: var(--olv-green); color: #fff; }
@container olvcard (max-width: 235px) { .olv-viewed .olv-pcard.item-card .olv-pcard__title { font-size: 14px; } }
/* Недоступный товар: «Сообщить о поступлении» и избранное в одну строку */
.olv-product .olv-product__buy .detail-qty-row[style*="none"],
.olv-product .olv-product__buy .detail-qty-row[style*="none"] + .detail-basket-row { display: none !important; }
.olv-product .olv-product__buy .olv-product__subscribe { margin: 0; }
.olv-search-page .olv-list.catalog-products { margin-top: 28px; }

/* FX2-R: детальная на телефоне — цена ближе к первому экрану, вкладки без обрезки */
@media (max-width: 575.98px) {
	.olv-product-page .olv-breadcrumbs .breadcrumb-item:last-child { display: none; } /* дублирует H1 */
	.olv-product .olv-gallery__main { aspect-ratio: auto; height: min(230px, 60vw); max-height: none; --swiper-navigation-size: 26px; }
	.olv-product .olv-gallery__main .swiper-slide { height: 100%; }
	.olv-product .olv-gallery__main .swiper-slide img { padding: 4%; }
	.olv-product .olv-gallery__thumbs { margin-top: 8px; }
	.olv-product .olv-gallery__thumbs .swiper-slide { width: 16%; }
	.olv-product .lvn-product-top { --bs-gutter-y: 16px; }
	.olv-product .olv-product__title { font-size: 20px; line-height: 1.25; }
	.olv-product__tabs { margin-top: 24px; }
	.olv-product__tabs .nav-tabs { overflow: visible; }
	.olv-product__tabs .nav-tabs .nav-item { flex: 1 1 auto; }
	.olv-product__tabs .nav-link { width: 100%; font-size: 14px; padding: 8px 6px; text-align: center; }
}

/* End */


/* Start:/bitrix/templates/olivin/assets/css/pages/personal.css?178963978521576*/
/*
 * OLIVIN — P4 «Кабинет и авторизация»: личный кабинет /personal/*, избранное /wishlist/.
 * Макета нет — стиль как у корзины (P3): серый фон страницы (body.main-body), белые карточки .olv-card,
 * зелёные кнопки .olv-btn, H1 .olv-title-sm. Токены — olivin.css.
 */

/* ============ Каркас: меню слева + контент ============ */
.olv-personal {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  color: var(--olv-body, #212529);
}
.olv-personal__main { min-width: 0; }
.olv-personal__title { margin: 0 0 16px; }
.olv-personal__aside { position: sticky; top: 16px; }

.olv-pnav { padding: 0; overflow: hidden; }
.olv-pnav__user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border-bottom: 1px solid var(--olv-line, #EAEAEA);
}
.olv-pnav__avatar,
.olv-pwelcome__avatar {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: var(--olv-green, #A0D02E);
  border-radius: 50%;
}
.olv-pnav__who { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.olv-pnav__name { font-weight: 600; color: var(--olv-title, #383C45); overflow-wrap: anywhere; }
.olv-pnav__phone { font-size: 14px; color: var(--olv-muted, #95979C); white-space: nowrap; }
.olv-pnav__list { display: flex; flex-direction: column; padding: 8px 0; }
.olv-pnav__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  font-size: 15px;
  font-weight: 500;
  color: var(--olv-text, #4C4F57);
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.olv-pnav__link i { width: 20px; text-align: center; color: var(--olv-muted, #95979C); transition: color .2s; }
.olv-pnav__link:hover { color: var(--olv-title, #383C45); background: var(--olv-bg, #F5F5F7); }
.olv-pnav__link:hover i { color: var(--olv-green-dark, #6D9A01); }
.olv-pnav__link.is-active { color: var(--olv-title, #383C45); background: var(--olv-bg, #F5F5F7); }
.olv-pnav__link.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  background: var(--olv-green-2, #9DC202);
  border-radius: 0 3px 3px 0;
}
.olv-pnav__link.is-active i { color: var(--olv-green-dark, #6D9A01); }
.olv-pnav__link--logout { margin-top: 4px; border-top: 1px solid var(--olv-line, #EAEAEA); padding-top: 14px; }
.olv-pnav__link--logout:hover i { color: #D9534F; }

@media (max-width: 991.98px) {
  .olv-personal { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .olv-personal__aside { position: static; }
  .olv-pnav__user { padding: 12px 16px; }
  .olv-pnav__avatar { width: 40px; height: 40px; font-size: 17px; }
  .olv-pnav__list {
    flex-direction: row;
    gap: 8px;
    padding: 12px 16px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .olv-pnav__list::-webkit-scrollbar { display: none; }
  .olv-pnav__link {
    flex: 0 0 auto;
    padding: 8px 12px;
    font-size: 14px;
    white-space: nowrap;
    background: var(--olv-bg, #F5F5F7);
    border: 1px solid var(--olv-bg, #F5F5F7);
    border-radius: 5px;
  }
  .olv-pnav__link i { width: auto; }
  .olv-pnav__link.is-active { background: #fff; border-color: var(--olv-green-2, #9DC202); }
  .olv-pnav__link.is-active::before { display: none; }
  .olv-pnav__link--logout { margin-top: 0; padding-top: 8px; border-top: 1px solid var(--olv-bg, #F5F5F7); }
}

/* ============ Общие элементы ============ */
.olv-psection { margin-bottom: 16px; padding: 20px; }
.olv-psection__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px 16px; flex-wrap: wrap; margin-bottom: 12px; }
.olv-psection__head .olv-psection__title { margin: 0; }
.olv-psection__title, .olv-personal h2.olv-psection__title { margin: 0 0 12px; font-size: 18px; font-weight: 600; line-height: 1.3; color: var(--olv-title, #383C45); }
.olv-plead { margin: 0 0 16px; font-size: 14px; line-height: 1.45; }
.olv-plabel { margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--olv-text, #4C4F57); }
.olv-plink { font-size: 14px; font-weight: 500; color: var(--olv-green-dark, #6D9A01); text-decoration: none; }
.olv-plink:hover { color: var(--olv-green-2, #9DC202); text-decoration: underline; }
.olv-plink--danger { color: #C62828; }
.olv-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--olv-text, #4C4F57);
  text-decoration: none;
}
.olv-back:hover { color: var(--olv-green-dark, #6D9A01); }
.olv-pactions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; }
.olv-pwarn { margin: 0 0 16px; font-size: 14px; color: #C62828; }
.olv-btn--danger { background: #D9534F; border-color: #D9534F; }
.olv-btn--danger:hover, .olv-btn--danger:focus-visible { background: #C9302C; border-color: #C9302C; }
.olv-btn--outline i { color: var(--olv-green-dark, #6D9A01); }
/* кнопки платёжных систем ядра, у которых остался класс Alver */
.olv-personal .btn-alver-orange { color: #fff; background: var(--olv-green, #A0D02E); border-color: var(--olv-green, #A0D02E); }
.olv-personal .btn-alver-orange:hover { background: var(--olv-green-hover, #95C32C); border-color: var(--olv-green-hover, #95C32C); }

/* статусы */
.olv-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  border-radius: 999px;
  color: var(--olv-text, #4C4F57);
  background: var(--olv-bg, #F5F5F7);
}
.olv-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: .85; }
.olv-status--sm { padding: 3px 9px; font-size: 12px; }
.olv-status--new { color: #1F5FA8; background: #E6F0FB; }
.olv-status--progress { color: #7A5A00; background: #FFF4D1; }
.olv-status--wait { color: #A65300; background: #FFEBD6; }
.olv-status--paid { color: #0F7B6C; background: #DDF5F0; }
.olv-status--delivery { color: #5B3FA8; background: #EEE8FB; }
.olv-status--done { color: #4E7300; background: #EEF7D9; }
.olv-status--canceled { color: #B3261E; background: #FDE7E6; }
.olv-status--muted { color: #6C6F76; background: var(--olv-bg, #F5F5F7); }

/* миниатюры товаров */
.olv-pthumb {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--olv-line, #EAEAEA);
  border-radius: 5px;
}
.olv-pthumb img { width: 100%; height: 100%; object-fit: contain; }
.olv-pthumb--lg { width: 72px; height: 72px; }
.olv-pthumb--more { font-size: 14px; font-weight: 600; color: var(--olv-text, #4C4F57); background: var(--olv-bg, #F5F5F7); }

/* пустые состояния */
.olv-pempty { padding: 40px 20px; text-align: center; }
.olv-pempty__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin-bottom: 12px;
  font-size: 30px;
  color: var(--olv-green-dark, #6D9A01);
  background: var(--olv-bg, #F5F5F7);
  border-radius: 50%;
}
.olv-pempty__title { margin: 0 0 6px; font-size: 20px; font-weight: 600; color: var(--olv-title, #383C45); }
.olv-pempty p.olv-muted { margin: 0 0 20px; }
.olv-pempty--inline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 0 0; text-align: left; }
.olv-pempty--inline p { margin: 0; color: var(--olv-muted, #95979C); }

/* ============ Обзор ============ */
.olv-pwelcome { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; padding: 20px; }
.olv-pwelcome__avatar { width: 56px; height: 56px; font-size: 24px; }
.olv-pwelcome__text { flex: 1 1 auto; min-width: 0; }
.olv-pwelcome__hello { margin-bottom: 4px; font-size: 20px; font-weight: 600; color: var(--olv-title, #383C45); overflow-wrap: anywhere; }
.olv-pwelcome .olv-muted { font-size: 14px; overflow-wrap: anywhere; }

.olv-porders-mini { display: flex; flex-direction: column; }
.olv-porders-mini__row {
  display: grid;
  grid-template-columns: auto auto 1fr auto auto;
  align-items: center;
  gap: 8px 16px;
  padding: 12px 0;
  color: var(--olv-body, #212529);
  text-decoration: none;
  border-top: 1px solid var(--olv-line, #EAEAEA);
}
.olv-porders-mini__row:first-child { border-top: 0; }
.olv-porders-mini__row .olv-status { justify-self: start; }
.olv-porders-mini__row:hover .olv-porders-mini__num { color: var(--olv-green-dark, #6D9A01); }
.olv-porders-mini__num { font-weight: 600; transition: color .2s; }
.olv-porders-mini__date { font-size: 14px; }
.olv-porders-mini__sum { font-weight: 600; white-space: nowrap; }
.olv-porders-mini__arrow { font-size: 12px; color: var(--olv-muted, #95979C); }

.olv-ptiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.olv-ptile {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 16px;
  color: var(--olv-body, #212529);
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s;
}
.olv-ptile:hover { color: var(--olv-body, #212529); border-color: var(--olv-green-2, #9DC202); box-shadow: var(--olv-shadow-card, 0 10px 30px rgba(0, 0, 0, .06)); }
.olv-ptile__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-size: 20px;
  color: var(--olv-green-dark, #6D9A01);
  background: #F1F8E1;
  border-radius: 10px;
}
.olv-ptile__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
.olv-ptile__name { font-weight: 600; color: var(--olv-title, #383C45); }
.olv-ptile__desc { font-size: 13px; line-height: 1.3; color: var(--olv-muted, #95979C); }
.olv-ptile__arrow { font-size: 12px; color: #C4C6CA; transition: transform .2s, color .2s; }
.olv-ptile:hover .olv-ptile__arrow { color: var(--olv-green-dark, #6D9A01); transform: translateX(3px); }

@media (max-width: 1199.98px) {
  .olv-ptiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  .olv-ptiles { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .olv-pwelcome { flex-wrap: wrap; padding: 16px; }
  .olv-pwelcome__edit { width: 100%; }
  .olv-porders-mini__row { grid-template-columns: 1fr auto; }
  .olv-porders-mini__date { grid-column: 1; grid-row: 2; }
  .olv-porders-mini__row .olv-status { grid-column: 1; grid-row: 3; }
  .olv-porders-mini__sum { grid-column: 2; grid-row: 1; }
  .olv-porders-mini__arrow { grid-column: 2; grid-row: 2 / span 2; justify-self: end; }
}

/* ============ Заказы: вкладки и карточки ============ */
.olv-ptabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.olv-ptabs__item {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 500;
  color: var(--olv-text, #4C4F57);
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--olv-line, #EAEAEA);
  border-radius: 5px;
  transition: border-color .2s, color .2s;
}
.olv-ptabs__item:hover { color: var(--olv-title, #383C45); border-color: var(--olv-green-2, #9DC202); }
.olv-ptabs__item.is-active { color: #fff; background: var(--olv-green, #A0D02E); border-color: var(--olv-green, #A0D02E); }

.olv-porder { margin-bottom: 16px; padding: 0; }
.olv-porder__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--olv-line, #EAEAEA);
}
.olv-porder__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.olv-porder__num { font-size: 18px; font-weight: 600; color: var(--olv-title, #383C45); text-decoration: none; }
.olv-porder__num:hover { color: var(--olv-green-dark, #6D9A01); }
.olv-porder__date { font-size: 14px; }
.olv-porder__body {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px 24px;
  padding: 16px 20px;
}
.olv-porder__thumbs { display: flex; gap: 8px; text-decoration: none; }
.olv-porder__info { margin: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.olv-porder__line { display: flex; gap: 12px; font-size: 14px; }
.olv-porder__line dt { flex: 0 0 72px; font-weight: 400; color: var(--olv-muted, #95979C); }
.olv-porder__line dd { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; min-width: 0; }
.olv-porder__total { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-size: 14px; }
.olv-porder__sum { font-size: 20px; font-weight: 600; color: var(--olv-title, #383C45); white-space: nowrap; }
.olv-porder__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  background: #FAFAFB;
  border-top: 1px solid var(--olv-line, #EAEAEA);
  border-radius: 0 0 var(--olv-radius-card, .5rem) var(--olv-radius-card, .5rem);
}

@media (max-width: 767.98px) {
  .olv-porder__head, .olv-porder__body, .olv-porder__foot { padding-left: 16px; padding-right: 16px; }
  .olv-porder__body { grid-template-columns: minmax(0, 1fr); }
  .olv-porder__total { flex-direction: row; align-items: baseline; justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--olv-line, #EAEAEA); }
  .olv-porder__thumbs .olv-pthumb { width: 52px; height: 52px; }
  .olv-porder__foot .olv-btn { flex: 1 1 auto; }
}
@media (max-width: 575.98px) {
  .olv-ptabs { gap: 6px; }
  .olv-ptabs__item { flex: 1 1 0; justify-content: center; padding: 8px 6px; font-size: 14px; }
  .olv-porder__line { flex-direction: column; gap: 4px; }
  .olv-porder__line dt { flex-basis: auto; }
}

/* ============ Заказ детально ============ */
.olv-pdetail-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  margin-bottom: 16px;
  padding: 20px;
}
.olv-pdetail-head__status { margin-top: 8px; }
.olv-pdetail-head__right { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.olv-pdetail-head__sum { font-size: 24px; font-weight: 600; color: var(--olv-title, #383C45); white-space: nowrap; }
.olv-pgrid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.olv-pgrid-2 > .olv-psection { margin-bottom: 0; }
.olv-pdetail-row + .olv-pdetail-row { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--olv-line, #EAEAEA); }
.olv-pdetail-row__name { margin-bottom: 6px; font-weight: 500; }
.olv-pdetail-row__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.olv-pdetail-row__sum { font-size: 18px; font-weight: 600; white-space: nowrap; }
.olv-pdetail-pay { margin: 12px 0 0; }
.olv-pdetail-pay .sale-paysystem-close { display: none; }

.olv-pitems { display: flex; flex-direction: column; }
.olv-pitem {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px 20px;
  padding: 14px 0;
  border-top: 1px solid var(--olv-line, #EAEAEA);
}
.olv-pitem:first-child { border-top: 0; padding-top: 4px; }
.olv-pitem__name { font-weight: 500; line-height: 1.3; color: var(--olv-body, #212529); text-decoration: none; overflow-wrap: anywhere; }
.olv-pitem__name:hover { color: var(--olv-green-dark, #6D9A01); }
.olv-pitem__props { display: flex; flex-wrap: wrap; gap: 2px 12px; margin-top: 4px; font-size: 13px; }
.olv-pitem__qty { font-size: 14px; color: var(--olv-text, #4C4F57); white-space: nowrap; }
.olv-pitem__price { display: flex; flex-direction: column; align-items: flex-end; min-width: 96px; }
.olv-pitem__sum { font-weight: 600; white-space: nowrap; }
.olv-pitem__old { font-size: 13px; color: var(--olv-muted, #95979C); text-decoration: line-through; white-space: nowrap; }

.olv-ptotal { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--olv-line, #EAEAEA); }
.olv-ptotal__row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 15px; color: var(--olv-text, #4C4F57); }
.olv-ptotal__row--discount { color: #C25E00; }
.olv-ptotal__row--final { margin-top: 6px; padding-top: 10px; font-size: 20px; font-weight: 600; color: var(--olv-title, #383C45); border-top: 1px solid var(--olv-line, #EAEAEA); }

@media (max-width: 767.98px) {
  .olv-pgrid-2 { grid-template-columns: minmax(0, 1fr); }
  .olv-pitem { grid-template-columns: auto minmax(0, 1fr) auto; }
  .olv-pitem .olv-pthumb--lg { grid-row: 1 / span 2; width: 60px; height: 60px; }
  .olv-pitem__info { grid-column: 2 / span 2; }
  .olv-pitem__qty { grid-column: 2; grid-row: 2; }
  .olv-pitem__price { grid-column: 3; grid-row: 2; min-width: 0; }
  .olv-pdetail-head, .olv-psection { padding: 16px; }
}

/* ============ Списки (профили, подписки) ============ */
.olv-profiles__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-bottom: 16px; }
.olv-profiles__top .olv-plead { flex: 1 1 320px; }
.olv-plist { padding: 0 20px; }
.olv-plist__row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  border-top: 1px solid var(--olv-line, #EAEAEA);
  transition: opacity .2s;
}
.olv-plist__row:first-child { border-top: 0; }
.olv-plist__row.is-removing { opacity: 0; }
.olv-plist__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 18px;
  color: var(--olv-green-dark, #6D9A01);
  background: #F1F8E1;
  border-radius: 10px;
}
.olv-plist__info { flex: 1 1 auto; min-width: 0; }
.olv-plist__name { font-weight: 600; color: var(--olv-title, #383C45); text-decoration: none; overflow-wrap: anywhere; }
.olv-plist__name:hover { color: var(--olv-green-dark, #6D9A01); }
.olv-plist__meta { margin-top: 3px; font-size: 13px; }
.olv-plist__actions { display: flex; align-items: center; gap: 8px; }
.olv-plist__del {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 15px;
  color: var(--olv-muted, #95979C);
  background: #fff;
  border: 1px solid var(--olv-border, #DDDDDF);
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
  transition: color .2s, border-color .2s;
}
.olv-plist__del:hover { color: #C62828; border-color: #E8A5A1; }
.olv-plist__status { flex: 0 0 auto; }

@media (max-width: 575.98px) {
  .olv-plist { padding: 0 16px; }
  .olv-plist__row { flex-wrap: wrap; gap: 10px 12px; }
  .olv-plist__info { flex-basis: calc(100% - 60px); }
  .olv-plist__actions { width: 100%; justify-content: flex-end; }
  .olv-plist__row .olv-pthumb { width: 48px; height: 48px; }
  .olv-plist__status { margin-left: 60px; }
  .olv-plist__row > .olv-plist__del { margin-left: auto; }
  .olv-profiles__top .olv-btn { width: 100%; }
}

/* ============ Формы (личные данные, профиль) ============ */
.olv-pform { padding: 24px; }
.olv-pform form { max-width: 720px; }
.olv-pform__group { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--olv-line, #EAEAEA); }
.olv-pfield { margin-bottom: 14px; }
.olv-pfield--check { display: flex; align-items: center; gap: 10px; }
.olv-pfield--check .olv-plabel { order: 2; margin: 0; }
.olv-pfield__value { font-weight: 500; }
.olv-pform .req { color: #C62828; }
.olv-pform .form-control:disabled { color: var(--olv-text, #4C4F57); background: var(--olv-bg, #F5F5F7); }
.olv-pform .form-text { font-size: 13px; color: var(--olv-muted, #95979C); }
.olv-pform .sppd-alver-alert { display: flex; align-items: flex-start; gap: 10px; margin: 0; font-size: 14px; }
.olv-pform .sppd-alver-alert svg { flex-shrink: 0; margin-top: 1px; }
.olv-pform .olv-pactions { margin-top: 20px; }
.olv-pprivate .row > [class*="col-"] { min-width: 0; }
@media (max-width: 575.98px) {
  .olv-pform { padding: 16px; }
  .olv-pform .olv-pactions .olv-btn { flex: 1 1 100%; }
}

/* ============ Избранное /wishlist/ ============ */
.olv-wishlist__bar { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 16px; margin-bottom: 8px; }
.olv-wishlist__bar[hidden] { display: none; }
.olv-wishlist__lead { margin: 0; color: var(--olv-muted, #95979C); }
.olv-wishlist__lead b { color: var(--olv-title, #383C45); font-weight: 600; }
.olv-wishlist__empty { max-width: 640px; margin: 0 auto; }
.olv-wishlist__empty[hidden], .olv-loading[hidden] { display: none; }
.olv-loading { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 40px 0; color: var(--olv-muted, #95979C); }
.olv-loading .spinner-border { color: var(--olv-green, #A0D02E); }

/* main.css: h2 { font-size: 26px !important } на ≤576 — возвращаем размер заголовков карточек */
@media (max-width: 576px) {
  .olv-personal h2.olv-psection__title { font-size: 18px !important; }
}

/* FX2-R: пункты кабинета на 360–991 переносятся по строкам, а не обрезаются краем карусели */
@media (max-width: 991.98px) {
  .olv-pnav__list { flex-wrap: wrap; overflow: visible; gap: 6px; }
  .olv-pnav__link { flex: 0 1 auto; padding: 7px 10px; }
}

/* End */
/* /bitrix/templates/olivin/components/bitrix/catalog.item/bootstrap_v4/style.css?178963763038582 */
/* /bitrix/templates/olivin/assets/css/pages/catalog.css?178964542335226 */
/* /bitrix/templates/olivin/assets/css/pages/personal.css?178963978521576 */