/* 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/content.css?178963986926805*/
/* ==========================================================================
   OLIVIN.KZ — контентные страницы (агент P5)
   О компании, доставка, новости (список/статья), бренды, нанесение логотипа,
   контакты, как купить, гарантия, FAQ, партнёрам, склады, карта сайта, 404,
   политика/оферта. Токены — olivin.css.
   ========================================================================== */

/* ---------- 0. Общие ---------- */
.olv-content-page .olv-page__body { color: var(--olv-text); }
.olv-empty { color: var(--olv-muted); padding: 30px 0; }
.olv-lead { font-size: 16px; line-height: 1.3; color: var(--olv-text); }
.olv-lead + .olv-lead { margin-top: 30px; }
.olv-h2 { font-size: 28px; font-weight: 600; color: var(--olv-title); line-height: 1.2; margin: 50px 0 20px; }
.olv-h2:first-child { margin-top: 0; }
.olv-h3 { font-size: 20px; font-weight: 600; color: var(--olv-title); line-height: 1.25; margin: 0 0 10px; }
.olv-icon-green { color: var(--olv-green); font-size: 1.4rem; line-height: 1; }
.olv-tile {
  height: 100%;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--olv-line);
  border-radius: var(--olv-radius-card);
}
.olv-tile__head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-weight: 600; color: var(--olv-title); }
.olv-tile__text { font-size: 14px; line-height: 1.35; color: var(--olv-muted); }
.olv-tile__text ul { margin: 0; padding-left: 1.1em; }
.olv-tile__text li { list-style: disc; margin-bottom: 4px; }
.olv-tile__text a { color: var(--olv-green-dark); text-decoration: underline; }
.olv-note {
  padding: 16px 20px;
  background: #F9FBF2;
  border-left: 4px solid var(--olv-green);
  border-radius: 8px;
  color: var(--olv-text);
  line-height: 1.35;
}
.olv-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px 30px;
  margin-top: 50px;
  padding: 30px 40px;
  background: var(--olv-bg);
  border-radius: var(--olv-radius);
}
.olv-cta__title { font-size: 24px; font-weight: 600; color: var(--olv-title); margin: 0 0 6px; }
.olv-cta__text { color: var(--olv-text); margin: 0; }
.olv-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; }
@media (max-width: 575.98px) {
  .olv-h2 { font-size: 22px; margin-top: 36px; }
  .olv-cta { padding: 24px 16px; }
  .olv-cta__title { font-size: 20px; }
  .olv-cta__actions, .olv-cta__actions .olv-btn, .olv-cta__actions .btn-main { width: 100%; }
}

/* ---------- 1. О компании (demo/about_us.php) ---------- */
.article-wrapper { color: var(--olv-text); padding: 0; }
.art-description { line-height: 1.3; }
.art-description .part { margin-top: 30px; }
.art-description .major { font-size: 18px; font-weight: 500; color: var(--olv-title); }
.visual-insert { margin: 30px 0; background: var(--olv-bg); padding: 30px 50px 24px; }
.visual-insert .title-4 { margin: 0; text-align: center; color: #000; }
.fact-wrapper { display: flex; }
.fact-item {
  margin-top: 20px;
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  font-size: 18px;
}
.fact-img { width: 100px; height: 100px; }
.fact-img img { width: 100%; height: 100%; object-fit: contain; }
.fact-number { font-weight: 700; margin-top: 16px; color: var(--olv-text); }
.fact-desc { margin-top: 10px; font-weight: 500; text-align: center; line-height: 1.2; }
.art-contacts { margin-top: 50px; }
.art-contacts .title-5 { margin: 0 0 30px; color: var(--olv-text); }
.art-contacts a { color: inherit; }
.art-contacts a:hover { color: var(--olv-green-dark); }
@media (max-width: 991.98px) {
  .fact-wrapper { flex-wrap: wrap; }
  .visual-insert { padding: 30px 10px 24px; }
  .fact-item { width: 50%; }
  .fact-desc { margin-bottom: 30px; }
}
@media (max-width: 575.98px) {
  .visual-insert .title-4 { font-size: 28px; }
  .fact-item { padding: 0 10px; font-size: 16px; }
  .fact-img { width: 72px; height: 72px; }
  .art-contacts .title-5 { font-size: 24px; margin-bottom: 20px; }
}

/* ---------- 2. Доставка и оплата (demo/delivery.php) ---------- */
.olv-delivery .section-pad { margin: 0 0 3rem; }
.olv-delivery .section-pad:last-child { margin-bottom: 0; }
.olv-delivery .olv-tile { border-color: var(--olv-border); }
.olv-delivery h2.olv-h5 { font-size: 20px; font-weight: 500; color: var(--olv-body); margin: 0 0 12px; }
.olv-table { width: 100%; margin: 0; color: var(--olv-body); vertical-align: middle; }
.olv-table th { font-weight: 600; white-space: nowrap; }
.olv-table td, .olv-table th { padding: 12px 10px; border-bottom: 1px solid var(--olv-border); }
.olv-table .olv-muted { color: var(--olv-muted); }
.olv-delivery .accordion-body { font-size: 14px; color: var(--olv-muted); }
@media (max-width: 767.98px) {
  /* таблица → карточки */
  .olv-table thead { display: none; }
  .olv-table, .olv-table tbody, .olv-table tr, .olv-table td { display: block; width: 100%; }
  .olv-table tr { padding: 12px 16px; margin-bottom: 12px; border: 1px solid var(--olv-border); border-radius: var(--olv-radius-card); }
  .olv-table td { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0; border: 0; text-align: right; }
  .olv-table td::before { content: attr(data-label); font-weight: 600; color: var(--olv-title); text-align: left; }
  .olv-table td:first-child { font-weight: 600; color: var(--olv-title); justify-content: flex-start; text-align: left; font-size: 17px; }
  .olv-table td:first-child::before { display: none; }
}

/* ---------- 3. Новости — список (demo/news.php) ---------- */
.olv-news-page .olv-page__body { padding-top: 0; }
.olv-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 30px;
  padding-bottom: 40px;
}
.olv-news-grid .news-item { width: auto; margin: 40px 0 0; }
.olv-news-card__img { aspect-ratio: 7 / 5; }
.olv-news-card__img:empty { background: var(--olv-bg) url("/bitrix/templates/olivin/assets/css/pages/../../img/brand/logo.png") center / 40% no-repeat; opacity: .6; }
.olv-news-card:hover .olv-news-card__title { color: var(--olv-green-dark); }
.olv-news-list .pagination-block { padding: 20px 0 0; }
@media (max-width: 991.98px) {
  .olv-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
}
@media (max-width: 575.98px) {
  .olv-news-grid { grid-template-columns: minmax(0, 1fr); padding-bottom: 20px; }
  .olv-news-grid .news-item { margin-top: 30px; }
}

/* ---------- 4. Статья (demo/info.php) ---------- */
.olv-article-page .olv-page__crumbs { padding-top: 16px; }
.olv-article-wrap { padding: 8px 0 60px; }
.olv-article .olv-article__title { line-height: 1.25; }
.olv-article__meta { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; color: var(--olv-muted); }
.olv-article__meta span { display: inline-flex; align-items: center; gap: 6px; }
.olv-article__meta i { font-size: 13px; color: #6c757d; }
.lvn-article__progress { height: 6px; background: #F3F3F3; border-radius: 999px; overflow: hidden; margin-top: 20px; }
.lvn-article__progress-line { height: 100%; width: 0; background: var(--olv-green); transition: width .1s linear; }
.lvn-article__content { color: var(--olv-body); line-height: 1.25; }
.lvn-article__content h2 { font-size: 20px; font-weight: 500; color: var(--olv-body); margin: 1.5rem 0 .5rem; }
.lvn-article__content h3 { font-size: 16px; font-weight: 500; color: var(--olv-body); margin: 1.5rem 0 .5rem; }
.lvn-article__content a { color: inherit; }
.lvn-article__content a:hover { color: var(--olv-green-dark); }
.lvn-article__content blockquote {
  border-left: 4px solid var(--olv-green);
  background: #F9FBF2;
  padding: 14px 16px;
  border-radius: 8px;
  font-style: italic;
  margin: 18px 0;
}
.lvn-article__content ul { margin-bottom: 1rem; }
.lvn-article__content li { margin-bottom: .1em; }
.lvn-article__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.olv-tag {
  display: inline-block;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 500;
  color: var(--olv-body);
  background: #F8F9FA;
  border: 1px solid #DEE2E6;
  border-radius: 999px;
}
.lvn-article__share { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.olv-article__share-label { font-size: 14px; color: var(--olv-muted); margin-right: 8px; }
.olv-share-btn {
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #6c757d;
  background: transparent;
  border: 1px solid #6c757d;
  border-radius: 4px;
  cursor: pointer;
  transition: .2s;
}
.olv-share-btn:hover { color: #fff; background: var(--olv-green-hover); border-color: var(--olv-green-hover); }
.olv-article__copied { font-size: 14px; color: var(--olv-green-dark); margin-left: 8px; }
.lvn-article__pager { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 1.5rem; }
.lvn-article__pager a { color: inherit; display: inline-flex; align-items: center; gap: 4px; }
.lvn-article__pager a:hover { color: var(--olv-green-dark); }

/* Похожие новости + общий слайдер новостей (demo .news-swiper) */
.olv-related .news-block { background: #fff; padding: 60px 0 50px; }
.olv-related .olv-section-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.olv-related .btn-main { display: inline-flex; align-items: center; justify-content: center; }
.olv-news-swiper {
  --swiper-pagination-color: var(--olv-green);
  --swiper-pagination-bullet-inactive-color: var(--olv-green-2);
  margin-top: 30px;
  padding-bottom: 30px;
}
.olv-news-swiper .swiper-wrapper { padding-bottom: 70px; }
.olv-news-swiper .swiper-slide { height: auto; }
.olv-news-swiper .news-swiper__slide { display: block; width: 100%; max-width: 350px; margin: 0 auto; color: inherit; }
.olv-news-swiper .olv-news-card__title { text-transform: uppercase; }
.olv-news-swiper .swiper-pagination { bottom: 0; }
.olv-news-swiper .swiper-button-prev,
.olv-news-swiper .swiper-button-next { top: 36%; width: 65px; height: 65px; margin-top: 0; }
.olv-news-swiper .swiper-button-prev { left: 0; }
.olv-news-swiper .swiper-button-next { right: 0; }
.olv-news-swiper .swiper-navigation-icon { display: none; }
.olv-news-swiper .swiper-button-prev::after,
.olv-news-swiper .swiper-button-next::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/bitrix/templates/olivin/assets/css/pages/../../img/icons/arrow-next.png") center / contain no-repeat;
}
.olv-news-swiper .swiper-button-next::after { transform: rotate(180deg); }
.olv-news-swiper .swiper-button-disabled { opacity: .35; }
@media (max-width: 575.98px) {
  .olv-article-wrap { padding-bottom: 40px; }
  .lvn-article__pager { font-size: 14px; }
  .olv-related .news-block { padding: 40px 0; }
  .olv-news-swiper .swiper-wrapper { padding-bottom: 46px; }
  .olv-news-swiper .swiper-button-prev,
  .olv-news-swiper .swiper-button-next { width: 35px; height: 35px; }
}

/* ---------- 5. Бренды (demo/brands.php) ---------- */
.olv-brands.brand-block { padding: 40px 0 70px; }
/* --olv-brands-n = число брендов (из шаблона): при 3–5 логотипах колонки делят ширину поровну,
   сетка не выглядит «пустой»; от 6 — 6 в ряд, как в demo */
.olv-brands__grid {
  --olv-brands-cols: min(var(--olv-brands-n, 6), 6);
  display: grid;
  grid-template-columns: repeat(var(--olv-brands-cols), minmax(0, 1fr));
  gap: 50px 30px;
}
.olv-brands__grid--few { max-width: 1000px; margin: 0 auto; }
.olv-brands .brand-item.detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: 120px;
  margin: 0;
  color: #828282;
  text-align: center;
}
.olv-brands .brand-img { display: flex; align-items: center; justify-content: center; width: 100%; height: 75px; }
.olv-brands .brand-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; filter: grayscale(100%); opacity: .55; transition: filter .3s, opacity .3s; }
.olv-brands .brand-item:hover .brand-img img { filter: grayscale(0); opacity: 1; }
.olv-brands .brand-name { margin-top: 25px; line-height: 1.2; }
.olv-brands a.brand-item:hover .brand-name { color: var(--olv-green-dark); }
@media (max-width: 991.98px) {
  .olv-brands__grid { --olv-brands-cols: min(var(--olv-brands-n, 4), 4); }
}
@media (max-width: 575.98px) {
  .olv-brands.brand-block { padding: 24px 0 40px; }
  .olv-brands__grid { --olv-brands-cols: min(var(--olv-brands-n, 3), 3); gap: 36px 12px; }
  .olv-brands .brand-img { height: 60px; }
  .olv-brands .brand-name { margin-top: 16px; font-size: 14px; }
}

/* ---------- 6. Нанесение логотипа (demo/print_logo.php + .type-item главной) ---------- */
.olv-print__intro p { margin: 0 0 1rem; line-height: 1.3; }
.olv-types {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 40px 30px;
  margin-top: 30px;
}
.olv-types__item { display: flex; flex-direction: column; align-items: center; }
.olv-type.type-item { position: relative; width: 100%; max-width: 300px; margin: 0 auto; }
.olv-type__img { width: 100%; aspect-ratio: 1; overflow: hidden; background: var(--olv-bg); }
.olv-type__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.olv-types__item:hover .olv-type__img img { transform: scale(1.04); }
.olv-type .type-desc {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 180px;
  padding: 18px;
  background: var(--olv-green-dark);
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
}
.olv-types__text { width: 100%; max-width: 300px; margin-top: 14px; font-size: 14px; line-height: 1.35; color: var(--olv-text); }
.olv-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; counter-reset: olvstep; }
.olv-step { position: relative; padding: 20px; background: var(--olv-bg); border-radius: var(--olv-radius); }
.olv-step::before {
  counter-increment: olvstep;
  content: counter(olvstep);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
  border-radius: 50%;
  background: var(--olv-green);
  color: #fff;
  font-weight: 700;
}
.olv-step__title { font-weight: 600; color: var(--olv-title); margin-bottom: 6px; }
.olv-step__text { font-size: 14px; line-height: 1.35; color: var(--olv-text); }
@media (max-width: 991.98px) { .olv-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
  .olv-types { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 12px; }
  .olv-type .type-desc { padding: 10px; font-size: 14px; max-width: 90%; }
  .olv-types__text { font-size: 13px; }
  .olv-steps { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- 7. Контакты ---------- */
.olv-contacts { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 30px; align-items: start; }
.olv-contacts__list { margin: 0; padding: 0; }
.olv-contacts__item { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--olv-line); }
.olv-contacts__item:first-child { padding-top: 0; }
.olv-contacts__icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--olv-bg);
  color: var(--olv-green);
  font-size: 18px;
}
.olv-contacts__title { font-size: 14px; font-weight: 500; color: var(--olv-muted); margin: 0 0 4px; text-transform: uppercase; letter-spacing: .02em; }
.olv-contacts__value { color: var(--olv-title); line-height: 1.35; }
.olv-contacts__value a { color: inherit; }
.olv-contacts__value a:hover { color: var(--olv-green-dark); }
.olv-contacts__big { font-size: 20px; font-weight: 600; }
.olv-contacts__socials { display: flex; gap: 10px; margin-top: 20px; }
.olv-contacts__socials a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--olv-header);
  color: #fff;
  transition: background .2s;
}
.olv-contacts__socials a:hover { background: var(--olv-green); }
.olv-map { width: 100%; height: 477px; border-radius: var(--olv-radius); overflow: hidden; background: var(--olv-bg); }
.olv-map__caption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; margin-top: 12px; font-size: 14px; color: var(--olv-muted); }
.olv-map__caption a { color: var(--olv-green-dark); font-weight: 500; text-decoration: underline; }
.olv-requisites { margin-top: 50px; padding: 30px; background: var(--olv-bg); border-radius: var(--olv-radius); line-height: 1.5; }
@media (max-width: 991.98px) {
  .olv-contacts { grid-template-columns: minmax(0, 1fr); }
  .olv-map { height: 360px; }
}
@media (max-width: 575.98px) {
  .olv-map { height: 300px; }
  .olv-requisites { padding: 20px 16px; }
}

/* ---------- 8. FAQ (alver:faq) ---------- */
.faq-block__intro { margin: 0 0 24px; color: var(--olv-text); line-height: 1.3; }
.faq-block__tabs { gap: 4px; border-bottom: 1px solid var(--olv-border); flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.faq-block__tabs::-webkit-scrollbar { display: none; }
.faq-block__tabs .nav-link { white-space: nowrap; font-weight: 500; }
.faq-block__content { padding-top: 4px; }
.faq-block__accordion.accordion { margin-top: 0; }
.faq-block__accordion .accordion-button { font-weight: 500; color: var(--olv-title); }
.faq-block__accordion .accordion-body { color: var(--olv-text); line-height: 1.4; }
.faq-block__accordion .accordion-body ul, .faq-block__accordion .accordion-body ol { margin: 0; padding-left: 1.2em; }
.faq-block__accordion .accordion-body li { list-style: disc; margin-bottom: 4px; }
.faq-block__accordion .accordion-body ol li { list-style: decimal; }

/* ---------- 9. Стать партнёром ---------- */
.olv-partner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px; align-items: start; }
.olv-partner__benefits { margin: 20px 0 0; padding: 0; }
.olv-partner__benefits li { position: relative; padding-left: 34px; margin-bottom: 14px; line-height: 1.35; list-style: none; }
.olv-partner__benefits li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--olv-green);
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.olv-partner__form { padding: 30px; background: var(--olv-bg); border-radius: var(--olv-radius); }
.olv-partner__form .form-label { font-weight: 500; color: var(--olv-title); }
.olv-partner__form .form-control { background-color: #fff; }
.olv-partner__form textarea.form-control { min-height: 120px; resize: vertical; }
.olv-partner__form .form-check-label { font-size: 14px; line-height: 1.35; }
.olv-partner__form .form-check-label a { color: var(--olv-green-dark); text-decoration: underline; }
.olv-hp { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 991.98px) { .olv-partner { grid-template-columns: minmax(0, 1fr); gap: 24px; } }
@media (max-width: 575.98px) { .olv-partner__form { padding: 20px 16px; } .olv-partner__form .olv-btn { width: 100%; } }

/* ---------- 10. Склады (catalog.store) ---------- */
.olv-stores { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.olv-store { display: flex; flex-direction: column; gap: 8px; }
.olv-store__title { font-size: 18px; font-weight: 600; color: var(--olv-title); margin: 0; }
.olv-store__title a { color: inherit; }
.olv-store__title a:hover { color: var(--olv-green-dark); }
.olv-store__row { display: flex; gap: 10px; font-size: 14px; line-height: 1.35; color: var(--olv-text); }
.olv-store__row i { flex: 0 0 16px; margin-top: 2px; color: var(--olv-green); }
.olv-store__img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--olv-radius-sm); margin-bottom: 6px; }
.olv-store__more { margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 500; color: var(--olv-green-dark); text-decoration: underline; }
.olv-store-detail { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 30px; align-items: start; }
@media (max-width: 991.98px) { .olv-store-detail { grid-template-columns: minmax(0, 1fr); } }

/* ---------- 11. Карта сайта (main.map) ---------- */
.olv-sitemap { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.olv-sitemap__col { padding: 20px 24px; background: var(--olv-bg); border-radius: var(--olv-radius); }
.olv-sitemap ul { margin: 0; padding: 0; }
.olv-sitemap li { list-style: none; }
.olv-sitemap__l1 > li > a { display: block; font-size: 18px; font-weight: 600; color: var(--olv-title); margin-bottom: 8px; }
.olv-sitemap__l1 > li + li { margin-top: 16px; }
.olv-sitemap ul ul { padding-left: 14px; border-left: 2px solid var(--olv-green); }
.olv-sitemap ul ul a { display: block; padding: 3px 0; color: var(--olv-text); font-size: 15px; }
.olv-sitemap a:hover { color: var(--olv-green-dark); }
.olv-sitemap__desc { font-size: 13px; color: var(--olv-muted); margin: -4px 0 6px; }

/* ---------- 12. 404 ---------- */
.olv-404 { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px 0 10px; }
.olv-404__code {
  font-size: clamp(96px, 20vw, 200px);
  font-weight: 800;
  line-height: 1;
  color: var(--olv-green);
  letter-spacing: -.04em;
}
.olv-404__code span { color: var(--olv-title); }
.olv-404__text { max-width: 560px; margin: 16px 0 28px; font-size: 18px; line-height: 1.35; color: var(--olv-text); }
.olv-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.olv-404__cats { margin-top: 60px; }
.olv-404__cats-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 20px 0 0; padding: 0; }
.olv-404__cats-list li { list-style: none; }
.olv-404__cats-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  height: 100%;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid var(--olv-line);
  border-radius: var(--olv-radius-card);
  color: var(--olv-title);
  font-weight: 500;
  line-height: 1.2;
  transition: border-color .2s, color .2s;
}
.olv-404__cats-list a:hover { border-color: var(--olv-green); color: var(--olv-green-dark); }
.olv-404__cats-list small { color: var(--olv-green-count); font-weight: 500; }
@media (max-width: 575.98px) {
  .olv-404__text { font-size: 16px; }
  .olv-404__actions, .olv-404__actions a { width: 100%; }
  .olv-404__cats-list { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- 13. Юр. страницы (политика, оферта), как купить, гарантия ---------- */
.olv-doc { max-width: 900px; }
.olv-doc .olv-note { margin-bottom: 30px; }
.olv-howto .olv-steps { margin-bottom: 10px; }

/* ---------- 14. Мелочи ---------- */
.olv-requisites .art-description > .part:first-child { margin-top: 0; font-weight: 500; }
.olv-step__text a, .olv-delivery .accordion-body a, .olv-contacts-page .olv-note a, .olv-store-page .olv-note a,
.olv-partner__about a { color: var(--olv-green-dark); text-decoration: underline; }
.olv-store-detail dl { margin: 0; }
.olv-store-detail dt { font-size: 13px; font-weight: 500; color: var(--olv-muted); text-transform: uppercase; margin-top: 12px; }
.olv-store-detail dd { margin: 2px 0 0; color: var(--olv-title); }
.olv-article-page > .olv-page__body { padding-bottom: 0; }
.art-description a { text-decoration: underline; }
.olv-cta__actions .olv-btn, .olv-cta__actions .btn-main { min-height: 56px; }
.olv-404__actions .olv-btn { min-height: 56px; }
.lvn-article__content.olv-content h2 { font-size: 20px; font-weight: 500; color: var(--olv-body); margin: 1.5rem 0 .5rem; }
.lvn-article__content.olv-content h3 { font-size: 16px; font-weight: 500; color: var(--olv-body); margin: 1.5rem 0 .5rem; }
.lvn-article__content.olv-content a { color: inherit; }

/* ---------- 15. Круг 1 (FX-P15) ---------- */
/* A1: ссылка в тексте «О компании» — зелёная, как в других текстах */
.art-description a[href^="/"] { color: var(--olv-green-dark); }
.art-description a[href^="/"]:hover { color: var(--olv-green); }
/* H9: пара кнопок в CTA/404 — одинаковая форма (регистр в паре выровнял FX-F в olivin.css: обе без UPPERCASE) */
.olv-cta__actions .olv-btn,
.olv-404__actions .olv-btn {
  min-width: 190px;
  font-size: 16px;
  font-weight: 600;
  border-width: 2px;
  border-radius: var(--olv-radius);
}
.olv-cta__actions .btn-main, .olv-404__actions .btn-main { height: auto; min-height: 56px; }
/* X4: FAQ на телефоне — вкладки переносятся, без обрезки */
@media (max-width: 575.98px) {
  .faq-block__tabs { flex-wrap: wrap; overflow: visible; gap: 6px; border-bottom: 0; }
  .faq-block__tabs .nav-link {
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid var(--olv-border);
    border-radius: 999px;
  }
  .faq-block__tabs .nav-link.active { color: #fff; background: var(--olv-green); border-color: var(--olv-green); }
  .faq-block__accordion .accordion-button { padding: 14px 4px; font-size: 15px; }
  .faq-block__accordion .accordion-body { padding: 0 4px 16px; font-size: 14px; }
}
/* X2: контакты на телефоне — компактнее, подписи мелкие */
@media (max-width: 575.98px) {
  .olv-contacts { gap: 20px; }
  .olv-contacts__item { gap: 12px; padding: 14px 0; }
  .olv-contacts__icon { flex-basis: 38px; width: 38px; height: 38px; font-size: 15px; }
  h2.olv-contacts__title { font-size: 12px; margin-bottom: 2px; }
  .olv-contacts__value { font-size: 15px; }
  .olv-contacts__big { font-size: 18px; }
  .olv-map { height: 260px; }
  .olv-map__caption { font-size: 13px; }
  .olv-requisites { margin-top: 30px; font-size: 14px; word-break: break-word; }
  .olv-requisites .title-5 { font-size: 22px; }
  .olv-cta { margin-top: 30px; }
}

/* FX2-R: отступ 404 перед подвалом; группы на карте сайта */
.olv-404-page .olv-page__body { padding-bottom: 80px; }
@media (max-width: 575.98px) { .olv-404-page .olv-page__body { padding-bottom: 50px; } }
.olv-sitemap .olv-sitemap__group { display: block; margin-bottom: 6px; font-size: 18px; font-weight: 600; color: var(--olv-title); }
.olv-sitemap__l1 > li > ul { margin-bottom: 4px; }

/* End */


/* Start:/bitrix/templates/olivin/assets/css/pages/home.css?178959011411525*/
/* OLIVIN.KZ — главная страница (агент P1), по demo/index.php.
 * Подключается из SITE/index.php (SetAdditionalCSS). JS — assets/js/pages/home.js.
 */

.olv-home { display: block; }

/* ---------- 1. Промо-слайдер (demo .promo-swiper) ---------- */
.olv-promo-block { position: relative; }
.olv-promo-swiper {
  --swiper-navigation-color: var(--olv-green);
  --swiper-navigation-size: 40px;
  --swiper-pagination-color: var(--olv-green);
  --swiper-pagination-bullet-inactive-color: var(--olv-green-2);
  --swiper-pagination-bullet-inactive-opacity: .35;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bottom: 14px;
  position: relative;
  background: var(--olv-bg);
}
.olv-promo-slide { display: block; }
.olv-promo-slide img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1436 / 398;
  object-fit: cover;
}
.olv-promo-swiper .swiper-button-prev,
.olv-promo-swiper .swiper-button-next {
  z-index: 10;
  padding: 0;
  background: none;
  border: 0;
  transition: color .3s;
}
.olv-promo-swiper .swiper-button-prev:hover,
.olv-promo-swiper .swiper-button-next:hover { color: var(--olv-green-hover); }
.olv-promo-swiper .swiper-pagination { z-index: 9; }

/* ---------- 2. Плитка категорий (demo .products-wrapper) ---------- */
.olv-home-cats-section { position: relative; }
.olv-home-cats {
  position: relative;
  margin-bottom: 54px;
  background: #fff;
}
.olv-home-cats .swiper-slide { height: auto; }
.olv-home-cat {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 160px;
  padding: 0 10px;
  color: var(--olv-text);
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: color .3s;
}
.olv-home-cat::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--olv-bg);
}
.olv-home-cat:hover { color: var(--olv-green-dark); }
.olv-home-cat__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  color: var(--olv-green);
  font-size: 46px;
  transition: transform .3s;
}
.olv-home-cat__icon img { width: 100%; height: 100%; object-fit: contain; }
.olv-home-cat:hover .olv-home-cat__icon { transform: translateY(-3px); }
.olv-home-cat__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 100%;
  min-height: 2.4em;
}
.olv-home-cats__nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-top: -18px;
  padding: 0;
  color: var(--olv-green);
  background: #fff;
  border: 1px solid var(--olv-line);
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
  cursor: pointer;
  transition: .3s;
}
.olv-home-cats__nav:hover { color: #fff; background: var(--olv-green); border-color: var(--olv-green); }
.olv-home-cats__prev { left: 6px; }
.olv-home-cats__next { right: 6px; }
.olv-home-cats__nav.swiper-button-disabled { opacity: 0; pointer-events: none; }
.olv-home-cats__nav.swiper-button-lock,
.olv-home-cats:not(.swiper-initialized) .olv-home-cats__nav { display: none; }
/* до инициализации Swiper — горизонтальная прокрутка */
.olv-home-cats:not(.swiper-initialized) .swiper-wrapper { overflow-x: auto; }
.olv-home-cats:not(.swiper-initialized) .swiper-slide { width: 180px; flex-shrink: 0; }

/* ---------- 3. Вкладки товаров (demo .main-catalog) ---------- */
.olv-home-tabs { padding-bottom: 95px; }
.olv-home-tabs__titles { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 40px; row-gap: 10px; }
.olv-home-tabs__tab.title-3 {
  padding: 0;
  color: var(--olv-title);
  background: none;
  border: 0;
  cursor: pointer;
  transition: color .3s;
}
.olv-home-tabs__tab.title-3:hover,
.olv-home-tabs__tab.title-3.active { color: var(--olv-green); }
.olv-home-tabs__tab:focus-visible { outline: 2px solid var(--olv-green-2); outline-offset: 4px; }
.olv-home-tabs__panes { padding-top: 10px; }
.olv-home-tabs__pane[hidden] { display: none !important; }
.olv-home-tabs__pane.is-entering { animation: olvHomeFade .3s ease; }
@keyframes olvHomeFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.olv-home-tabs .olv-list__items { margin: 40px 0 0; }
.olv-home-tabs .product-item-container { height: 100%; }
.olv-home-tabs .olv-list--plain .olv-list__items { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 991.98px) {
  .olv-home-tabs .olv-list--plain .olv-list__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---------- 4. Новости (demo .news-block; слайдер — news.list/olivin_slider, стили в content.css) ---------- */
.olv-home-news.news-block { background: #fff; padding: 60px 0 50px; }
.olv-home-news .olv-news-swiper {
  --swiper-pagination-color: var(--olv-green);
  --swiper-pagination-bullet-inactive-color: var(--olv-green-2);
  --swiper-pagination-bullet-inactive-opacity: .3;
  margin-bottom: 0;
  padding-bottom: 20px;
}

/* ---------- 5. Виды нанесения (demo .types-block) ---------- */
.olv-home-types.types-block { padding: 90px 0 80px; }
.olv-types-swiper {
  --swiper-pagination-color: var(--olv-green);
  --swiper-pagination-bullet-inactive-color: var(--olv-green-2);
  --swiper-pagination-bullet-inactive-opacity: .3;
  margin-top: 36px;
}
.olv-types-swiper .swiper-wrapper { padding-bottom: 70px; }
.olv-types-swiper .swiper-slide { height: auto; }
.olv-types-swiper .swiper-pagination { bottom: 0; }
.olv-home-type.type-item { position: relative; width: 100%; max-width: 240px; margin: 0 auto; }
.olv-home-type a { display: block; color: #fff; text-decoration: none; }
.olv-home-type__img {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: var(--olv-header);
}
.olv-home-type__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.olv-home-type a:hover .olv-home-type__img img { transform: scale(1.05); }
.olv-home-type .type-desc {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 160px;
  padding: 18px;
  color: #fff;
  font-weight: 500;
  line-height: 1.2;
  background: var(--olv-green-dark);
  transition: background-color .3s;
}
.olv-home-type a:hover .type-desc { background: var(--olv-green); }
.olv-types-swiper .swiper-button-prev,
.olv-types-swiper .swiper-button-next {
  top: 40%;
  width: 65px;
  height: 65px;
  margin-top: 0;
  padding: 0;
  background: none;
  border: 0;
}
.olv-types-swiper .swiper-button-prev { left: 0; }
.olv-types-swiper .swiper-button-next { right: 0; }
.olv-types-swiper .swiper-navigation-icon { display: none; }
.olv-types-swiper .swiper-button-prev::after,
.olv-types-swiper .swiper-button-next::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/bitrix/templates/olivin/assets/css/pages/../../img/icons/arrow-next.png") center / contain no-repeat;
}
.olv-types-swiper .swiper-button-next::after { transform: rotate(180deg); }
.olv-types-swiper .swiper-button-disabled { opacity: .35; }

/* ---------- 6. Бренды (demo .main-brands) ---------- */
.olv-home-brands.main-brands { padding: 95px 0; background: #fff; }
/* Как demo: 6 колонок на всю ширину. --olv-brands-n (число логотипов) задаёт шаблон:
   при 3–5 логотипах колонки делят ширину поровну, ряд стоит по центру и не выглядит пустым */
.olv-home-brands__grid {
  --olv-brands-cols: min(var(--olv-brands-n, 6), 6);
  --olv-brands-gap: 24px;
  display: grid;
  grid-template-columns: repeat(var(--olv-brands-cols), minmax(0, 1fr));
  column-gap: var(--olv-brands-gap);
}
.olv-home-brands__grid--few { max-width: 960px; margin: 0 auto; }
.olv-home-brand.brand-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 200px;
  height: 75px;
  margin: 50px auto 0;
}
.olv-home-brands__grid--few .olv-home-brand.brand-item { height: 90px; }
.olv-home-brand .brand-img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.olv-home-brand img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: .55;
  transition: filter .3s, opacity .3s;
}
.olv-home-brand:hover img { filter: grayscale(0); opacity: 1; }

/* ---------- 7. Наш Instagram (demo .main-inst) ---------- */
.olv-home-inst.main-inst { padding-top: 94px; }
.olv-home-inst__grid {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}
.olv-home-inst__item.inst-item {
  display: block;
  flex: 0 1 25%;
  max-width: 360px;
  aspect-ratio: 1;
  overflow: hidden;
}
.olv-home-inst__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
a.olv-home-inst__item:hover img { transform: scale(1.04); }

/* ---------- Адаптив ---------- */
@media (max-width: 1199.98px) {
  .olv-home-tabs__titles { column-gap: 24px; }
  .olv-home-brands__grid { --olv-brands-cols: min(var(--olv-brands-n, 5), 5); }
}
@media (max-width: 991.98px) {
  .olv-home-cat__icon { width: 44px; height: 44px; font-size: 34px; }
  .olv-home-cat { height: 130px; gap: 14px; }
  .olv-home-brands__grid { --olv-brands-cols: min(var(--olv-brands-n, 4), 4); --olv-brands-gap: 16px; }
}
@media (max-width: 767.98px) {
  .olv-promo-swiper { --swiper-navigation-size: 26px; }
  .olv-home-cats { margin-bottom: 36px; }
  .olv-home-cat { height: 100px; gap: 10px; font-size: 12px; font-weight: 600; padding: 0 6px; }
  .olv-home-cat__icon { width: 32px; height: 32px; font-size: 26px; }
  .olv-home-cats__nav { display: none !important; }
  .olv-home-brands__grid { --olv-brands-cols: min(var(--olv-brands-n, 3), 3); }
  .olv-home-brand.brand-item,
  .olv-home-brands__grid--few .olv-home-brand.brand-item { margin-top: 30px; height: 60px; }
  .olv-home-inst__grid { flex-wrap: wrap; }
  .olv-home-inst__item.inst-item { flex-basis: 50%; max-width: 50%; }
}
@media (max-width: 575.98px) {
  .olv-promo-swiper { --swiper-pagination-bullet-size: 5px; --swiper-pagination-bottom: 4px; }
  .olv-promo-swiper .swiper-button-prev,
  .olv-promo-swiper .swiper-button-next { display: none; }
  .olv-home-cats { margin-bottom: 20px; }
  .olv-home-cat { text-transform: lowercase; }
  .olv-home-tabs { padding-bottom: 40px; }
  .olv-home-tabs__titles { flex-direction: column; align-items: flex-start; row-gap: 2px; }
  .olv-home-tabs .olv-list__items { margin-top: 16px; }
  .olv-home-tabs__panes { padding-top: 0; }
  .olv-home-news.news-block { padding: 40px 0; }
  .olv-home-types.types-block { padding: 50px 0 40px; }
  .olv-types-swiper { margin-top: 24px; }
  .olv-types-swiper .swiper-wrapper { padding-bottom: 46px; }
  .olv-types-swiper .swiper-button-prev,
  .olv-types-swiper .swiper-button-next { width: 35px; height: 35px; }
  .olv-home-type.type-item { max-width: 260px; }
  .olv-home-brands.main-brands { padding: 50px 0; }
  .olv-home-inst.main-inst { padding-top: 50px; }
  .olv-home-inst .olv-section-head { flex-wrap: nowrap; }
  .olv-home-inst .olv-btn-social { flex: 0 0 auto; width: auto; padding: 0 16px; height: 46px; }
  .olv-home-inst__grid { margin-top: 30px; }
}

/* 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/content.css?178963986926805 */
/* /bitrix/templates/olivin/assets/css/pages/home.css?178959011411525 */