section.product-header h1 {
	font-size: 21px;
	margin: 0 0 20px 0;
	color: #2e2f38;
}
section.product-offer {
    width: 390px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
}
.product-offer .stock-and-rate {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.product-offer .stock {
    border: solid 1px #b0cb1f;
    line-height: 24px;
    margin-bottom: 22px;
    padding: 0 20px;
    cursor: pointer;
    border-radius: 12px;
    transition: all 0.18s linear;
	color: #b0cb1f;
	font-size: 14px;
}
.stock.preorder {
    color: #ffffff;
    background: #b0cb1f;
}
.product-offer .reviews {
    display: flex;
    flex-direction: row;
    gap: 22px;
	font-size: 14px;
}
.product-offer .star {
    display: inline-block;
    position: relative;
    width: 10px;
    height: 10px;
	cursor: pointer;
}
.product-offer .star:before {
    content: "\f005";
    font-family: "FontAwesome Regular";
    display: block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    font-size: 10px;
    color: gold;
}

.product-offer .product-basket {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	white-space: nowrap;
	gap: 22px;
}
.product-offer .product-amount {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background: #f2f4f8cc;
	border-radius: 23px;
	box-shadow: inset 0 0 0 1px #d2d3e066;
}
.product-offer .amount-counter {
	width: 30px;
	height: 46px;
	border: none;
	background: none;
	line-height: 45px;
	font-size: 25px;
	font-weight: 600;
	color: #585858;
}
.product-offer .product-amount input[name="qty"] {
	line-height: 46px;
	background: transparent;
	color: #2e2f38b3;
	width: 40px;
	font-size: 16px;
	text-align: center;
}
.product-offer .add2basket {
    line-height: 46px;
    color: #ffffff;
    background: #ffa500;
    border: solid 1px #ffa500;
    padding: 0 15px 0 15px;
    border-radius: 23px;
    width: 100%;
    cursor: pointer;
    transition: all 0.18s linear;
    position: relative;
    font-weight: 600;
	font-size: 16px;
}
.product-offer .add2basket:hover {
	background: #ffa500e0;
	color: #ffffff;
}
.product-offer .add2basket:active {
	 background: #ec9c0b;
}
.product-offer .add2basket:before {
    content: "\f291";
    font-family: "FontAwesome";
    display: inline;
    line-height: 46px;
    text-align: center;
	font-size: 16px;
    margin-right: 8px;
}
.product-offer .add2basket:hover:after {
	color: #ffffff;
}
.product-offer .but-buy-in-one-click {
    line-height: 46px;
    margin-top: 20px;
    text-align: center;
    border: solid 1px #274796;
    cursor: pointer;
    border-radius: 23px;
    font-size: 16px;
    color: #274796;
    transition: all 0.18s linear;
}
.product-offer .but-buy-in-one-click:hover {
	background: #274796;
	color: #ffffff;
}
.product-offer .but-buy-in-one-click:active {
	opacity: 0.6;
}
.product-offer .favorite-and-compare {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 22px;
    margin-top: 16px;
}
.product-offer .favorite-and-compare > span {
    display: block;
    line-height: 25px;
    padding-left: 25px;
    position: relative;
    font-family: "Ubuntu Light";
    font-size: 13px;
    font-weight: 100;
    color: #67697ecc;
    cursor: pointer;
}
.product-offer .favorite-and-compare > span:before {
    content: "\e473";
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    opacity: 0.6;
    transition: all 0.18s linear;
}
.product-offer .favorite-and-compare > span.to-favorite:before {
	content: "\f004";
}
.product-offer .favorite-and-compare > span:hover:before{
	opacity: 1;
}
.product-offer .favorite-and-compare > span.to-compare:hover:before {
	color: #274796;
}
.product-offer .favorite-and-compare > span.to-favorite:hover:before {
	color: #ff0000;
}
.payment-methods {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 15px 20px;
    background: #f2f4f8;
	font-size: 14px;
}
.payment-methods > div {
    display: block;
    position: relative;
}
.payment-methods > div > span {
	display: inline-block;
	width: 100%;
	position: relative;
	line-height: 30px;
	cursor: pointer;
	color: #2e2f38;
	border-bottom: dotted 2px transparent;
    transition: all 0.18s linear;
}
.payment-methods > div > span:hover {
	color: #ffa500;
	border-bottom: dotted 2px #fffa00;
}
.payment-methods > div > span:before {
	content: "\f63c";
	font-family: "FontAwesome";
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	margin-right: 8px;
}
.payment-methods > div.pickup > span:before { content: "\f63c"; }
.payment-methods > div.delivery > span:before { content: "\f4df"; }
.payment-methods .hint {
	display: none;
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: auto;
    background: #ffffff;
    padding: 20px 20px;
    box-shadow: 1px 1px 3px 1px #00000020, 0 10px 15px #00000020;
}
.payment-methods > div:hover .hint {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.payment-methods .hint span {
	margin-bottom: 10px;
}
.payment-methods .hint p {
	margin-bottom: 5px;
	font-size: 14px;
	color: #67697e;
	font-weight: 100;
}
.payment-methods .hint p a {
	color: #274796;
	border-bottom: solid 1px #274796;
}
.payment-methods .hint p a:hover {
	border-color: transparent;
}
section.benefits {
    margin-top: 25px;
    background: #ffffff;
    border-bottom: solid 1px #d2d3e04d;
    padding: 20px 0;
}
section.benefits div.benefits {
    display: flex;
    flex-direction: row;
	gap: 20px;
}
section.benefits div.benefits .benefit {
	flex: 1;
	padding-left: 64px;
	position: relative;
}
section.benefits div.benefits .benefit:before {
	content: "";
	font-family: "FontAwesome";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 40px;
	color: #2e2f38;
}
section.benefits div.benefits .benefit.certificate:before { content: "\f0a3"; }
section.benefits div.benefits .benefit.parthner:before { content: "\f4c4"; }
section.benefits div.benefits .benefit.discount:before { content: "\25"; }

section.benefits div.benefits .benefit span {
    font-size: 15px;
    font-weight: 600;
    color: #2e2f38;
    font-family: "Ubuntu Regular";
}
section.benefits div.benefits .benefit p {
	font-size: 15px;
	color: #67697eb3;
	margin-top: 5px;
	line-height: 22px;
}
section.product-content {
    margin-top: 30px;
	padding: 26px;
	background: #ffffff;
	box-shadow: 0 10px 15px #00000005;
}

section.product-content ul.tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}
section.product-content ul.tabs li {
	line-height: 46px;
	padding: 0 20px;
	background: #ffffff;
	border: solid 1px #b0cb1f;
	color: #b0cb1f;
	transition: all 0.18s linear;
	border-radius: 23px;
	cursor: pointer;
	font-size: 15px;
}
section.product-content ul.tabs li:hover {
	background: #b0cb1fe0;
	color: #ffffff;
}
section.product-content ul.tabs li:active {
	background: #a3bc1c;
	color: #ffffff;
}
section.product-content ul.tabs li.active {
	background: #b0cb1f;
	color: #ffffff;
}
section.product-content div.tabs {
    padding: 40px 0 20px;
	font-size: 15px;
}
p.seo-text {
	color: #67697ecc;
	margin-bottom: 10px;
}
div.wrap-2x2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: ;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.product-content h3 {
    margin-top: 30px;
    margin-bottom: 15px;
}
.product-content div.property {
}
.product-content div.property span {
	flex: 1;
	text-align: center;
	padding: 10px;
}
.product-content div.property span:first-child {
	text-align: left;
}
.product-content div.property span.param,
.product-content div.property span.feature,
.product-content div.property span.code {
	color: #67697e99;
}
.product-content div.property span.del {
	border-bottom: dotted 2px #67697e99;
}
.product-content div.property {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}
.product-content .flex {
	font-size: 14px;
}
.product-content div.property {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.product-content .flex.etim div.property.even,
.product-content .flex.dimensions div.property.even {
	background: #f2f4f8;
}

.product-content .flex.etim div.property span.param 	{ flex: 0 0 auto; width: 30%; }
.product-content .flex.etim div.property span.feature 	{ flex: 0 0 auto; width: 15%; }
.product-content .flex.etim div.property span.value 	{ flex: 0 0 auto; width: 25%; }
.product-content .flex.etim div.property span.meas_unit { flex: 0 0 auto; width: 15%; }
.product-content .flex.etim div.property span.code 		{ flex: 0 0 auto; width: 15%; }

.product-content .flex.fab span.param { flex: 0 0 auto;  } 
.product-content .flex.fab span.del { flex: 0 0 auto; flex-grow: 1; } 
.product-content .flex.fab span.value { flex: 0 0 auto; } 


@media all and (min-width:1000px) {
	section.product-head {
		background: #ffffff;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		box-shadow: 0 10px 15px #00000005;
		padding: 26px;
	}
	
	/* Середина - Галлерея */
	section.product-gallery {
		width: 490px;
		display: flex;
		flex-direction: row;
		flex: 0 0 auto;
	}
	section.product-gallery .product-images {
		display: flex;
		width: 100px;
		padding: 60px 0;
		flex-direction: column;
		justify-content: flex-start;
	}
	section.product-gallery .product-images li {
		display: flex;
		width: 100px;
		height: 100px;
		border: solid 1px #2e2f3880;
	}
	section.product-gallery .product-images li img {
		max-width: 100%;
		max-height: 100%;
		cursor: pointer;
	}
	section.product-gallery .product-image {
		display: flex;
		flex-direction: row;
		width: 390px;
		height: 390px;
		z-index: 1;
	}
	section.product-gallery .product-image li {
		max-width: 100%;
		max-height: 100%;
	}
	
	/* Середина - Параметры */
	section.product-params {
		flex-grow: 1;
		padding: 0 20px;
	}
	section.product-params .sku {
		font-size: 14px;
		color: #67697e99;
	}
	section.product-params .property {
		display: flex;
		flex-direction: column;
		margin: 20px 0 0 0;
		font-size: 14px;
		line-height: 1.1;
	}
	section.product-params .property.one-value {
		flex-direction: row;
	}
	section.product-params .property.one-value .value {
		color: #67697e;
	}
	section.product-params .property.one-value .value a {
		color: #67697e;
		border-bottom: solid 1px #2e2f3880;
	}
	section.product-params .property.one-value .value a:hover {
		border-bottom: none;
	}
	section.product-params .property .param {
		padding-right: 20px;
		color: #67697e99;
		min-width: 28%;
	}
	section.product-params .property .values {
		margin-top: 12px;
		display: flex;
		flex-direction: row;
		flex-flow: wrap;
		gap: 4px;
		row-gap: 4px;
		align-items: flex-end;
	}
	section.product-params .property .values .value {
		border-radius: 4px;
		padding: 7px 7px;
		border: 1px solid var(--cat-accent, #67697e);
		cursor: pointer;
		color: var(--cat-accent, #67697e);
	}
	/* Цветовая схема кнопок значений - из cookie catScheme
	   (класс scheme-* ставит js/product.js; переменные как в katalog.css) */
	section.product-head {
		--cat-accent: #274796;
		--cat-accent-hover: #274796e0;
		--cat-accent-active: #1e3772;
		--cat-accent-soft: #274796aa;
	}
	section.product-head.scheme-green {
		--cat-accent: #b0cb1f;
		--cat-accent-hover: #b0cb1fe0;
		--cat-accent-active: #a3bc1c;
		--cat-accent-soft: #b0cb1faa;
	}
	section.product-head.scheme-orange {
		--cat-accent: #ffa500;
		--cat-accent-hover: #ffa500e0;
		--cat-accent-active: #e08c00;
		--cat-accent-soft: #ffa500aa;
	}
	section.product-params .property .values .value:hover {
		border-color: var(--cat-accent-hover, #274796);
		background: var(--cat-accent-hover, #274796);
		color: #ffffff;
	}
	section.product-params .property .values .value.active {
		background: var(--cat-accent, #274796);
		border-color: var(--cat-accent, #274796);
		color: #ffffff;
		cursor: initial;
	}
	section.product-params .property .values .value.param-busy {
		opacity: 0.5;
		pointer-events: none;
	}
	/* Плавный уход перед переходом на другой товар (клик по значению) */
	section.product-head.param-switching {
		opacity: 0.25;
		transition: opacity 0.18s linear;
	}
	/* Переключатели «Производитель» и «Серия» - как кнопки значений */
	section.product-params .property.one-value .value[data-group] {
		display: inline-block;
		border: 1px solid var(--cat-accent, #67697e);
		border-radius: 4px;
		padding: 7px 10px;
		cursor: pointer;
		color: var(--cat-accent, #67697e);
	}
	section.product-params .property.one-value .value[data-group] a,
	section.product-params .property.one-value .value[data-group] span {
		color: var(--cat-accent, #67697e);
		border-bottom: none;
	}
	section.product-params .property.one-value .value[data-group]:hover {
		border-color: var(--cat-accent-hover, #274796);
		background: var(--cat-accent-hover, #274796);
		color: #ffffff;
	}
	section.product-params .property.one-value .value[data-group]:hover a,
	section.product-params .property.one-value .value[data-group]:hover span {
		color: #ffffff;
	}
	section.product-params .property.one-value .value[data-group].param-busy {
		opacity: 0.5;
		pointer-events: none;
	}
	/* Товар-представитель серии в модалке выбора */
	.cat-modal .fav-title .serie-sample {
		display: inline-block;
		margin-left: 6px;
		font-size: 12px;
		color: #8a94a0;
	}
	/* Справа - Предложение */
	
	/* Страницы каталога */
	.catalog-pages {
		margin-top: 20px;
		font-size: 14px;
		display: flex;
		justify-content: space-between;
		gap: 10px;
		flex-wrap: wrap;
	}
	.catalog-pages > span {
		color: #67697e99;
		color: #2e2f38;
	}
	.catalog-pages a {
		padding: 0px;
		color: #67697e;
		margin: 0 4px 0;
	}
	.catalog-pages a:hover {
		border-bottom: solid 1px #2e2f3880;
	}
	.catalog-pages a:before {
		content: "\f1c1";
		font-family: "FontAwesome";
		display: inline;
		font-size: 14px;
		margin-right: 4px;
		color: #f71b1b;
	}
}