/**
 * plg_system_zrcheckout 1.1.0 — вид корзины, оформления заказа и карточки
 * товара на компьютере.
 * Всё внутри @media (min-width: 992px): телефон и планшет остаются
 * за плагином «Мобильный вид».
 */

@media (min-width: 992px) {

.zrco {
	--zrco-red: #e72e37;
	--zrco-ink: #1f2328;
	--zrco-mute: #6f7680;
	--zrco-line: #e3e5ea;
	--zrco-hair: #eef0f3;
	--zrco-soft: #f6f7f9;
	--zrco-tint: #fdf3f3;
}

/* ------------------------------------------------------------------ общее */

.zrco #comjshop,
.zrco #comjshop_register {
	color: var(--zrco-ink);
}

.zrco #comjshop .mobile-cart,
.zrco #comjshop_register .mobile-cart {
	display: none;
}

.zrco #mxcpr {
	display: none;
}

/* -------------------------------------------------------------- шаги заказа */

.zrco #jshop_menu_order {
	width: 100%;
	margin: 0 0 20px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.zrco #jshop_menu_order tr {
	counter-reset: zrco-step;
}

.zrco #jshop_menu_order td.jshop_order_step {
	padding: 14px 8px;
	text-align: center;
	font-size: 13px;
	line-height: 22px;
	border: 0;
	background: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.zrco #jshop_menu_order td.jshop_order_step::before {
	counter-increment: zrco-step;
	content: counter(zrco-step);
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	border-radius: 50%;
	background: var(--zrco-soft);
	border: 1px solid var(--zrco-line);
	color: var(--zrco-mute);
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	vertical-align: 1px;
}

.zrco #jshop_menu_order td.prev::before {
	background: #fff;
	border-color: var(--zrco-red);
	color: var(--zrco-red);
}

.zrco #jshop_menu_order td.active::before {
	background: var(--zrco-red);
	border-color: var(--zrco-red);
	color: #fff;
}

.zrco #jshop_menu_order td.active {
	box-shadow: inset 0 -3px 0 var(--zrco-red);
}

.zrco #jshop_menu_order .active_step {
	color: var(--zrco-ink);
	font-weight: 700;
}

.zrco #jshop_menu_order .not_active_step,
.zrco #jshop_menu_order .not_active_step a {
	color: var(--zrco-mute);
	text-decoration: none;
}

.zrco #jshop_menu_order .not_active_step a:hover {
	color: var(--zrco-red);
}

/* ------------------------------------------------------------ таблица корзины */

.zrco-cart #comjshop table.jshop.cart,
.zrco-checkout #comjshop table.jshop.cart {
	width: 100%;
	margin: 0;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

/* ширины колонок задаём шапкой: у таблицы table-layout: fixed.
   Доли, а не пиксели — колонка товара шире 1200 px и не схлопывается
   на 992 px, где место под таблицу меньше на 130 px. */
.zrco-cart #comjshop table.jshop.cart th.jshop_img_description_center,
.zrco-checkout #comjshop table.jshop.cart th.jshop_img_description_center {
	width: 12%;
}

.zrco-cart #comjshop table.jshop.cart th.single_price,
.zrco-checkout #comjshop table.jshop.cart th.single_price,
.zrco-cart #comjshop table.jshop.cart th.total_price,
.zrco-checkout #comjshop table.jshop.cart th.total_price {
	width: 15%;
}

/* в этой колонке стоит группа «− 1 +» — ей нужно ровно 150 px */
.zrco-cart #comjshop table.jshop.cart th.quantity,
.zrco-checkout #comjshop table.jshop.cart th.quantity {
	width: 150px;
}

.zrco-cart #comjshop table.jshop.cart th.remove,
.zrco-checkout #comjshop table.jshop.cart th.remove {
	width: 7%;
}

/* колонкам с картинкой и корзиной подпись не нужна, а на узком экране
   она не влезает и рвёт шапку */
.zrco-cart #comjshop table.jshop.cart th.jshop_img_description_center,
.zrco-checkout #comjshop table.jshop.cart th.jshop_img_description_center,
.zrco-cart #comjshop table.jshop.cart th.remove,
.zrco-checkout #comjshop table.jshop.cart th.remove {
	font-size: 0;
}

.zrco-cart #comjshop table.jshop.cart th,
.zrco-checkout #comjshop table.jshop.cart th {
	padding: 13px 10px;
	background: var(--zrco-soft);
	border: 0;
	border-bottom: 1px solid var(--zrco-line);
	color: var(--zrco-mute);
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
}

.zrco-cart #comjshop table.jshop.cart th.jshop_img_description_center,
.zrco-checkout #comjshop table.jshop.cart th.jshop_img_description_center,
.zrco-cart #comjshop table.jshop.cart th.product_name,
.zrco-checkout #comjshop table.jshop.cart th.product_name {
	padding-left: 16px;
	text-align: left;
}

.zrco-cart #comjshop table.jshop.cart tr:first-child th:first-child,
.zrco-checkout #comjshop table.jshop.cart tr:first-child th:first-child {
	border-top-left-radius: 10px;
}

.zrco-cart #comjshop table.jshop.cart tr:first-child th:last-child,
.zrco-checkout #comjshop table.jshop.cart tr:first-child th:last-child {
	border-top-right-radius: 10px;
}

.zrco-cart #comjshop table.jshop.cart td,
.zrco-checkout #comjshop table.jshop.cart td {
	padding: 16px;
	border: 0;
	border-top: 1px solid var(--zrco-hair);
	background: none;
	vertical-align: middle;
	text-align: center;
}

.zrco-cart #comjshop table.jshop.cart tr.jshop_prod_cart:first-of-type td,
.zrco-checkout #comjshop table.jshop.cart tr.jshop_prod_cart:first-of-type td {
	border-top: 0;
}

/* картинка */
.zrco-cart #comjshop table.jshop.cart td.jshop_img_description_center,
.zrco-checkout #comjshop table.jshop.cart td.jshop_img_description_center {
	width: 118px;
	text-align: left;
}

.zrco-cart #comjshop table.jshop.cart td.jshop_img_description_center img,
.zrco-checkout #comjshop table.jshop.cart td.jshop_img_description_center img {
	max-width: 86px;
	height: auto;
	border-radius: 6px;
}

/* название и его мелочи */
.zrco-cart #comjshop table.jshop.cart td.product_name,
.zrco-checkout #comjshop table.jshop.cart td.product_name {
	text-align: left;
}

.zrco-cart #comjshop table.jshop.cart td.product_name .data > a,
.zrco-checkout #comjshop table.jshop.cart td.product_name .data > a {
	display: inline-block;
	color: var(--zrco-ink);
	font-size: 15px;
	font-weight: 600;
	line-height: 22px;
	text-decoration: none;
}

.zrco-cart #comjshop table.jshop.cart td.product_name .data > a:hover,
.zrco-checkout #comjshop table.jshop.cart td.product_name .data > a:hover {
	color: var(--zrco-red);
}

.zrco-cart #comjshop table.jshop.cart td.product_name .jshop_code_prod,
.zrco-checkout #comjshop table.jshop.cart td.product_name .jshop_code_prod {
	display: block;
	margin-top: 2px;
	color: var(--zrco-mute);
	font-size: 12px;
	line-height: 18px;
}

.zrco-cart #comjshop table.jshop.cart td.product_name .manufacturer,
.zrco-checkout #comjshop table.jshop.cart td.product_name .manufacturer,
.zrco-cart #comjshop table.jshop.cart td.product_name .list_attribute p,
.zrco-checkout #comjshop table.jshop.cart td.product_name .list_attribute p,
.zrco-cart #comjshop table.jshop.cart td.product_name .jshop_cart_attribute,
.zrco-checkout #comjshop table.jshop.cart td.product_name .jshop_cart_attribute {
	margin: 2px 0 0;
	color: var(--zrco-mute);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

.zrco-cart #comjshop table.jshop.cart td.product_name .manufacturer span,
.zrco-checkout #comjshop table.jshop.cart td.product_name .manufacturer span,
.zrco-cart #comjshop table.jshop.cart td.product_name .list_attribute .value,
.zrco-checkout #comjshop table.jshop.cart td.product_name .list_attribute .value {
	color: var(--zrco-ink);
	font-style: normal;
	font-weight: 400;
}

/* цены */
.zrco-cart #comjshop table.jshop.cart td.single_price,
.zrco-checkout #comjshop table.jshop.cart td.single_price,
.zrco-cart #comjshop table.jshop.cart td.total_price,
.zrco-checkout #comjshop table.jshop.cart td.total_price {
	white-space: nowrap;
	font-size: 14px;
}

.zrco-cart #comjshop table.jshop.cart td.total_price .data,
.zrco-checkout #comjshop table.jshop.cart td.total_price .data {
	font-size: 15px;
	font-weight: 700;
}

.zrco-cart #comjshop table.jshop.cart td.single_price .taxinfo,
.zrco-checkout #comjshop table.jshop.cart td.single_price .taxinfo,
.zrco-cart #comjshop table.jshop.cart td.total_price .taxinfo,
.zrco-checkout #comjshop table.jshop.cart td.total_price .taxinfo {
	display: block;
	color: var(--zrco-mute);
	font-size: 12px;
	font-weight: 400;
}

/* количество: минус — поле — плюс одной группой */
.zrco-cart #comjshop table.jshop.cart td.quantity,
.zrco-checkout #comjshop table.jshop.cart td.quantity {
	width: 170px;
}

.zrco-cart #comjshop table.jshop.cart td.quantity .data,
.zrco-checkout #comjshop table.jshop.cart td.quantity .data {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.zrco-cart #comjshop table.jshop.cart td.quantity input[type="button"],
.zrco-checkout #comjshop table.jshop.cart td.quantity input[type="button"] {
	order: 1;
	width: 34px !important;
	height: 36px !important;
	min-width: 0;
	min-height: 36px !important;
	margin: 0;
	padding: 0 !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px 0 0 8px;
	box-shadow: none;
	color: var(--zrco-ink);
	font-size: 17px;
	font-weight: 400;
	line-height: 34px;
	text-align: center;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
	transition: background .15s, color .15s, border-color .15s;
}

.zrco-cart #comjshop table.jshop.cart td.quantity input[type="button"][value="+"],
.zrco-checkout #comjshop table.jshop.cart td.quantity input[type="button"][value="+"] {
	order: 3;
	margin-left: -1px;
	border-radius: 0 8px 8px 0;
}

.zrco-cart #comjshop table.jshop.cart td.quantity input[type="button"]:hover,
.zrco-checkout #comjshop table.jshop.cart td.quantity input[type="button"]:hover {
	background: var(--zrco-tint);
	border-color: var(--zrco-red);
	color: var(--zrco-red);
	z-index: 1;
	position: relative;
}

.zrco-cart #comjshop table.jshop.cart td.quantity input.inputbox,
.zrco-checkout #comjshop table.jshop.cart td.quantity input.inputbox {
	order: 2;
	width: 50px !important;
	height: 36px !important;
	min-height: 36px !important;
	float: none;
	margin: 0 0 0 -1px;
	padding: 0 4px !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 0;
	box-shadow: none;
	color: var(--zrco-ink);
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	-moz-appearance: textfield;
}

.zrco-cart #comjshop table.jshop.cart td.quantity input.inputbox:focus,
.zrco-checkout #comjshop table.jshop.cart td.quantity input.inputbox:focus {
	border-color: var(--zrco-red);
	outline: none;
	z-index: 1;
	position: relative;
}

.zrco-cart #comjshop table.jshop.cart td.quantity .cart_reload,
.zrco-checkout #comjshop table.jshop.cart td.quantity .cart_reload {
	order: 4;
	display: none;
	width: 100%;
	margin-top: 8px;
	text-align: center;
}

.zrco-cart #comjshop table.jshop.cart tr.zrco-dirty td.quantity .cart_reload,
.zrco-checkout #comjshop table.jshop.cart tr.zrco-dirty td.quantity .cart_reload {
	display: block;
}

.zrco-cart #comjshop table.jshop.cart td.quantity .cart_reload_btn,
.zrco-checkout #comjshop table.jshop.cart td.quantity .cart_reload_btn {
	color: var(--zrco-red);
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
	cursor: pointer;
}

/* удалить */
.zrco-cart #comjshop table.jshop.cart td.remove,
.zrco-checkout #comjshop table.jshop.cart td.remove {
	width: 74px;
}

.zrco-cart #comjshop table.jshop.cart td.remove .btn.btn-danger,
.zrco-checkout #comjshop table.jshop.cart td.remove .btn.btn-danger {
	display: none;
}

.zrco-cart #comjshop table.jshop.cart td.remove .button-img img,
.zrco-checkout #comjshop table.jshop.cart td.remove .button-img img {
	width: 22px;
	height: auto;
	opacity: .5;
	transition: opacity .15s, transform .15s;
}

.zrco-cart #comjshop table.jshop.cart td.remove .button-img:hover img,
.zrco-checkout #comjshop table.jshop.cart td.remove .button-img:hover img {
	opacity: 1;
	transform: scale(1.08);
}

/* --------------------------------------------------------------- итоги */

.zrco-cart #comjshop table.jshop.jshop_subtotal,
.zrco-checkout #comjshop table.jshop.jshop_subtotal {
	width: 360px;
	margin: 18px 0 0 auto;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
}

.zrco-cart #comjshop table.jshop.jshop_subtotal td,
.zrco-checkout #comjshop table.jshop.jshop_subtotal td {
	padding: 11px 18px;
	border: 0;
	background: none;
	font-size: 14px;
	vertical-align: middle;
}

.zrco-cart #comjshop table.jshop.jshop_subtotal td.name,
.zrco-checkout #comjshop table.jshop.jshop_subtotal td.name {
	color: var(--zrco-mute);
	text-align: left;
}

.zrco-cart #comjshop table.jshop.jshop_subtotal td.value,
.zrco-checkout #comjshop table.jshop.jshop_subtotal td.value {
	color: var(--zrco-ink);
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}

.zrco-cart #comjshop table.jshop.jshop_subtotal tr.total td,
.zrco-checkout #comjshop table.jshop.jshop_subtotal tr.total td {
	border-top: 1px solid var(--zrco-hair);
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 17px;
}

.zrco-cart #comjshop table.jshop.jshop_subtotal tr.total td.name,
.zrco-checkout #comjshop table.jshop.jshop_subtotal tr.total td.name {
	color: var(--zrco-ink);
	font-weight: 600;
}

.zrco-cart #comjshop table.jshop.jshop_subtotal tr.total td.value,
.zrco-checkout #comjshop table.jshop.jshop_subtotal tr.total td.value {
	color: var(--zrco-red);
	font-weight: 700;
}

.zrco #comjshop .weightorder,
.zrco #comjshop .shippingfree,
.zrco #comjshop .cartdescr:not(:empty) {
	margin-top: 12px;
	color: var(--zrco-mute);
	font-size: 13px;
}

/* ------------------------------------------------------------- кнопки корзины */

.zrco #comjshop .cart_buttons {
	margin-top: 20px;
}

.zrco #comjshop .cart_buttons #checkout {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.zrco #comjshop .cart_buttons #checkout .clearfix {
	display: none;
}

.zrco #comjshop .cart_buttons .td_1,
.zrco #comjshop .cart_buttons .td_2 {
	float: none;
	margin: 0;
}

.zrco #comjshop .cart_buttons .td_1 .btn {
	background: #fff;
	border: 1px solid var(--zrco-red);
	color: var(--zrco-red);
	line-height: 38px;
}

.zrco #comjshop .cart_buttons .td_1 .btn:hover {
	background: var(--zrco-red);
	color: #fff;
}

/* пустая корзина */
.zrco #comjshop .cart_empty_text {
	padding: 40px 20px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	color: var(--zrco-mute);
	font-size: 16px;
	text-align: center;
}

/* --------------------------------------------------------- дисконтный код */

.zrco #comjshop .cart_block_discount {
	margin-top: 20px;
	padding: 16px 18px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
}

.zrco #comjshop .cart_block_discount .row-fluid {
	margin: 0;
}

.zrco #comjshop .cart_block_discount .row-fluid::before,
.zrco #comjshop .cart_block_discount .row-fluid::after {
	content: none;
}

.zrco #comjshop .cart_block_discount .span12 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	float: none;
	width: auto;
	min-height: 0;
	margin: 0;
}

.zrco #comjshop .cart_block_discount .name {
	margin: 0;
	padding: 0;
	color: var(--zrco-mute);
	font-size: 14px;
	font-weight: 400;
	white-space: nowrap;
}

.zrco #comjshop .cart_block_discount input.inputbox {
	flex: 1 1 200px;
	max-width: 300px;
	height: 42px;
	min-height: 42px !important;
	min-width: 0;
	margin: 0;
	padding: 0 14px !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	box-shadow: none;
	color: var(--zrco-ink);
	font-size: 14px;
	line-height: 40px;
}

.zrco #comjshop .cart_block_discount input.inputbox:focus {
	border-color: var(--zrco-red);
	box-shadow: 0 0 0 3px rgba(231, 46, 55, .12);
	outline: none;
}

.zrco #comjshop .cart_block_discount input.button {
	flex: 0 0 auto;
	height: 42px;
	margin: 0;
	padding: 0 28px;
	background: #fff;
	border: 1px solid var(--zrco-red);
	border-radius: 30px;
	box-shadow: none;
	color: var(--zrco-red);
	font-size: 13px;
	line-height: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .15s, color .15s;
}

.zrco #comjshop .cart_block_discount input.button:hover {
	background: var(--zrco-red);
	color: #fff;
}

/* ---------------------------------------------------- формы адреса и регистрации */

.zrco #comjshop .address_block,
.zrco #comjshop_register {
	padding: 0;
}

/* белой карточкой делаем саму форму: внутри неё JoomShopping печатает
   несколько блоков .jshop_register, и карточка на каждом давала «лесенку» */
.zrco #comjshop form.form-horizontal,
.zrco #comjshop_register form.form-horizontal {
	margin: 0 0 18px;
	padding: 24px 28px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
}

.zrco #comjshop .jshop_register,
.zrco #comjshop_register .jshop_register {
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	text-align: left;
}

.zrco .zrco-empty {
	display: none;
}

/* второй и следующие блоки полей отделяем чертой */
.zrco #comjshop .jshop_register + .jshop_register:not([style*="display:none"]):not(:empty),
.zrco #comjshop_register .jshop_register + .jshop_register:not([style*="display:none"]):not(:empty) {
	margin-top: 4px;
	padding-top: 20px;
	border-top: 1px solid var(--zrco-hair);
}

.zrco #comjshop .address_block .jshop_register[style*="display:none"],
.zrco #comjshop .address_block .jshop_register[style*="display: none"] {
	display: none !important;
}

.zrco #comjshop_register h1,
.zrco #comjshop .pagelogin h1 {
	margin: 0 0 18px;
	font-size: 26px;
	line-height: 34px;
}

.zrco #comjshop .form-horizontal .control-group,
.zrco #comjshop_register .form-horizontal .control-group {
	margin: 0 0 18px;
	padding: 0;
	border: 0;
}

.zrco #comjshop .form-horizontal .control-label,
.zrco #comjshop_register .form-horizontal .control-label,
.zrco #comjshop .form-horizontal .control-label.name,
.zrco #comjshop_register .form-horizontal .control-label.name {
	display: block;
	float: none;
	width: auto;
	margin: 0;
	padding: 0 0 6px;
	color: #4a5058;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	text-align: left;
}

.zrco #comjshop .form-horizontal .control-label label,
.zrco #comjshop_register .form-horizontal .control-label label {
	margin: 0;
	font-weight: 600;
}

.zrco #comjshop .form-horizontal .control-label span,
.zrco #comjshop_register .form-horizontal .control-label span {
	color: var(--zrco-red);
}

.zrco #comjshop .form-horizontal .controls,
.zrco #comjshop_register .form-horizontal .controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
}

.zrco #comjshop .form-horizontal .controls > input[type="text"],
.zrco #comjshop .form-horizontal .controls > input[type="email"],
.zrco #comjshop .form-horizontal .controls > input[type="tel"],
.zrco #comjshop .form-horizontal .controls > input[type="number"],
.zrco #comjshop .form-horizontal .controls > input[type="password"],
.zrco #comjshop .form-horizontal .controls > input:not([type]),
.zrco #comjshop .form-horizontal .controls > select,
.zrco #comjshop .form-horizontal .controls > textarea,
.zrco #comjshop_register .form-horizontal .controls > input[type="text"],
.zrco #comjshop_register .form-horizontal .controls > input[type="email"],
.zrco #comjshop_register .form-horizontal .controls > input[type="tel"],
.zrco #comjshop_register .form-horizontal .controls > input[type="number"],
.zrco #comjshop_register .form-horizontal .controls > input[type="password"],
.zrco #comjshop_register .form-horizontal .controls > input:not([type]),
.zrco #comjshop_register .form-horizontal .controls > select,
.zrco #comjshop_register .form-horizontal .controls > textarea,
.zrco #comjshop .form-horizontal .controls > .jsaddresshint > input[type="text"],
.zrco #comjshop_register .form-horizontal .controls > .jsaddresshint > input[type="text"] {
	flex: 1 1 240px;
	width: 100%;
	max-width: none;
	min-width: 0;
	height: 44px;
	min-height: 44px !important;
	margin: 0;
	padding: 0 14px !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	box-shadow: none;
	color: var(--zrco-ink);
	font-size: 15px;
	line-height: 42px;
}

.zrco #comjshop .form-horizontal .controls > textarea,
.zrco #comjshop_register .form-horizontal .controls > textarea {
	height: auto;
	min-height: 96px !important;
	padding: 10px 14px !important;
	line-height: 22px;
}

.zrco #comjshop .form-horizontal .controls > select,
.zrco #comjshop_register .form-horizontal .controls > select {
	padding: 0 10px;
}

.zrco #comjshop .form-horizontal .controls > input:focus,
.zrco #comjshop .form-horizontal .controls > select:focus,
.zrco #comjshop .form-horizontal .controls > textarea:focus,
.zrco #comjshop_register .form-horizontal .controls > input:focus,
.zrco #comjshop_register .form-horizontal .controls > select:focus,
.zrco #comjshop_register .form-horizontal .controls > textarea:focus,
.zrco #comjshop .form-horizontal .controls > .jsaddresshint > input:focus,
.zrco #comjshop_register .form-horizontal .controls > .jsaddresshint > input:focus {
	border-color: var(--zrco-red);
	box-shadow: 0 0 0 3px rgba(231, 46, 55, .12);
	outline: none;
}

/* номер дома рядом с улицей, а не отдельной строкой */
.zrco #comjshop .form-horizontal .controls > input#street_nr,
.zrco #comjshop_register .form-horizontal .controls > input#street_nr {
	flex: 0 0 130px;
	width: 130px;
}

/* галочки и переключатели в формах шириной не растягиваем */
.zrco #comjshop .form-horizontal .controls > input[type="checkbox"],
.zrco #comjshop .form-horizontal .controls > input[type="radio"],
.zrco #comjshop_register .form-horizontal .controls > input[type="checkbox"],
.zrco #comjshop_register .form-horizontal .controls > input[type="radio"] {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--zrco-red);
}

.zrco #comjshop .form-horizontal .control-group.checkbox .controls label,
.zrco #comjshop_register .form-horizontal .control-group.checkbox .controls label {
	margin: 0;
	font-weight: 400;
}

/* кнопка «Далее» и подпись про обязательные поля */
.zrco #comjshop .control-group.box_button,
.zrco #comjshop_register .control-group.box_button,
.zrco #comjshop .box_button {
	margin: 0;
}

.zrco #comjshop .box_button .controls,
.zrco #comjshop_register .box_button .controls {
	display: block;
	margin: 0;
}

.zrco #comjshop .requiredtext,
.zrco #comjshop_register .requiredtext {
	margin: 4px 0 12px;
	color: var(--zrco-mute);
	font-size: 12px;
}

.zrco #comjshop .box_button input.btn,
.zrco #comjshop_register .box_button input.btn {
	height: 44px;
	line-height: 44px;
	padding: 0 34px;
}

/* Поля «Адрес» и «Город» плагин подсказок (plg_system_jsaddresshint)
   заворачивает в свой <div class="jsaddresshint">. Внутри флекса такая
   обёртка сжимается по содержимому — поле выходило 191 px, а не во всю
   строку. Обёртке нужна своя доля. */
.zrco #comjshop .controls > .jsaddresshint,
.zrco #comjshop_register .controls > .jsaddresshint,
.zrco #comjshop .controls > .suggestions-wrapper,
.zrco #comjshop_register .controls > .suggestions-wrapper {
	position: relative;
	flex: 1 1 240px;
	width: 100%;
	min-width: 0;
}

.zrco #comjshop .controls > .jsaddresshint > input[type="text"],
.zrco #comjshop_register .controls > .jsaddresshint > input[type="text"],
.zrco #comjshop .controls > .suggestions-wrapper input,
.zrco #comjshop_register .controls > .suggestions-wrapper input {
	width: 100%;
}

/* номер квартиры этот же плагин показывает отдельным коротким полем —
   его не растягиваем */
.zrco #comjshop .controls .jsaddresshint-flat > input[type="text"],
.zrco #comjshop_register .controls .jsaddresshint-flat > input[type="text"] {
	width: 7em;
	min-height: 40px !important;
	padding: 0 12px !important;
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	font-size: 15px;
}

/* ------------------------------------------------- способ оплаты и доставки */

.zrco #comjshop .checkout_payment_block,
.zrco #comjshop .checkout_shipping_block {
	margin: 0;
}

.zrco #comjshop #table_payments,
.zrco #comjshop #table_shippings {
	width: 100%;
	margin: 0 0 18px;
	padding: 6px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
}

.zrco #comjshop #table_payments td,
.zrco #comjshop #table_shippings td {
	border: 0;
	background: none;
}

.zrco #comjshop #table_payments tr.name > td.name,
.zrco #comjshop #table_shippings tr.name > td.name {
	padding: 14px 16px;
	border-radius: 8px;
	cursor: pointer;
	transition: background .15s;
}

.zrco #comjshop #table_payments tr.name > td.name:hover,
.zrco #comjshop #table_shippings tr.name > td.name:hover {
	background: var(--zrco-soft);
}

.zrco #comjshop #table_payments tr.zrco-on > td.name,
.zrco #comjshop #table_shippings tr.zrco-on > td.name {
	background: var(--zrco-tint);
	box-shadow: inset 0 0 0 1px var(--zrco-red);
}

.zrco #comjshop #table_payments input[type="radio"],
.zrco #comjshop #table_shippings input[type="radio"] {
	width: 17px;
	height: 17px;
	margin: 0 10px 0 0;
	vertical-align: -3px;
	accent-color: var(--zrco-red);
	cursor: pointer;
}

.zrco #comjshop #table_payments label,
.zrco #comjshop #table_shippings label {
	display: inline;
	max-width: none;
	margin: 0;
	color: var(--zrco-ink);
	font-size: 15px;
	line-height: 24px;
	cursor: pointer;
}

.zrco #comjshop #table_payments label b,
.zrco #comjshop #table_shippings label b {
	font-weight: 600;
}

.zrco #comjshop #table_payments .payment_price,
.zrco #comjshop #table_shippings .shipping_price {
	color: var(--zrco-mute);
}

.zrco #comjshop #table_payments .payment_image img,
.zrco #comjshop #table_shippings .shipping_image img {
	max-height: 28px;
	width: auto;
	margin-right: 8px;
	vertical-align: middle;
}

.zrco #comjshop #table_payments tr.paymform > td {
	padding: 0 16px 14px 43px;
	color: var(--zrco-mute);
	font-size: 13px;
	line-height: 20px;
}

.zrco #comjshop #table_shippings .shipping_descr,
.zrco #comjshop #table_shippings .shipping_delivery,
.zrco #comjshop #table_shippings .shipping_delivery_date {
	margin: 4px 0 0 27px;
	color: var(--zrco-mute);
	font-size: 13px;
	line-height: 20px;
}

.zrco #comjshop #table_shippings .shipping_form:not(:empty) {
	margin: 10px 0 0 27px;
}

.zrco #comjshop #table_shippings .shipping_weight_to_price {
	margin: 6px 0 0 27px;
	color: var(--zrco-mute);
	font-size: 13px;
}

.zrco #comjshop #table_shippings .shipping_weight_to_price td {
	padding: 2px 16px 2px 0;
}

.zrco #comjshop #payment_submit,
.zrco #comjshop .checkout_shipping_block input[type="submit"] {
	height: 44px;
	line-height: 44px;
	padding: 0 34px;
}

/* ------------------------------------------------------ подтверждение заказа */

.zrco #comjshop .checkoutinfo {
	margin: 18px 0;
	padding: 18px 22px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	line-height: 26px;
}

.zrco #comjshop .checkoutinfo strong {
	color: var(--zrco-mute);
	font-weight: 400;
}

.zrco #comjshop .checkoutinfo span {
	color: var(--zrco-ink);
	font-weight: 600;
}

.zrco #comjshop .pfinish_comment_block {
	width: auto;
	max-width: none;
	margin: 0;
	padding: 22px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
}

.zrco #comjshop .pfinish_comment_block .name {
	margin: 0 0 8px;
	color: #4a5058;
	font-size: 13px;
	font-weight: 600;
	text-align: left;
}

.zrco #comjshop .pfinish_comment_block .field textarea,
.zrco #comjshop .pfinish_comment_block textarea.inputbox,
.zrco #comjshop .pfinish_comment_block #order_add_info {
	width: 100%;
	max-width: none;
	height: 96px;
	min-height: 96px !important;
	margin: 0;
	padding: 10px 14px !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	box-shadow: none;
	font-size: 15px;
	line-height: 22px;
}

.zrco #comjshop .pfinish_comment_block textarea:focus {
	border-color: var(--zrco-red);
	box-shadow: 0 0 0 3px rgba(231, 46, 55, .12);
	outline: none;
}

.zrco #comjshop .row_agb,
.zrco #comjshop .row_no_return {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: auto;
	margin: 16px 0 0;
	padding: 14px 16px;
	background: var(--zrco-soft);
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	color: var(--zrco-ink);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	text-align: left;
	text-transform: none;
}

.zrco #comjshop .row_agb a,
.zrco #comjshop .row_no_return a {
	color: var(--zrco-red);
	font-weight: 600;
	text-transform: none;
	text-decoration: underline;
}

.zrco #comjshop .row_agb input[type="checkbox"],
.zrco #comjshop .row_no_return input[type="checkbox"] {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	margin: 3px 0 0;
	accent-color: var(--zrco-red);
	cursor: pointer;
}

.zrco #comjshop .pfinish_comment_block .box_button {
	margin-top: 18px;
	text-align: left;
}

/* ------------------------------------------------------ корзина в боковой колонке
   Внимание: модуль корзины в ШАПКЕ печатает такой же id="jshop_module_cart"
   (id в разметке продублирован), поэтому правила привязаны к #sp-left —
   иначе в шапке плашка корзины съезжает вниз. */

.zrco #sp-left #jshop_module_cart table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.zrco #sp-left #jshop_module_cart table.module_cart_detail {
	margin-bottom: 10px;
}

.zrco #sp-left #jshop_module_cart td {
	padding: 6px 0;
	border: 0;
	border-bottom: 1px solid var(--zrco-hair);
	background: none;
	color: var(--zrco-ink);
	font-size: 13px;
	line-height: 19px;
	vertical-align: top;
	text-align: left;
}

.zrco #sp-left #jshop_module_cart table:not(.module_cart_detail) td {
	border: 0;
	padding: 2px 0;
}

.zrco #sp-left #jshop_module_cart td.name {
	width: auto;
}

.zrco #sp-left #jshop_module_cart td.qtty {
	width: 34px;
	padding-left: 6px;
	color: var(--zrco-mute);
	white-space: nowrap;
	text-align: right;
}

.zrco #sp-left #jshop_module_cart td.summ {
	width: 84px;
	padding-left: 6px;
	font-weight: 600;
	white-space: nowrap;
	text-align: right;
}

.zrco #sp-left #jshop_module_cart #jshop_summ_product {
	display: block;
	color: var(--zrco-red);
	font-weight: 700;
	text-align: right;
	white-space: nowrap;
}

.zrco #sp-left #jshop_module_cart td.goto_cart {
	padding-top: 12px;
	text-align: center;
}

.zrco #sp-left #jshop_module_cart td.goto_cart .btn {
	display: block;
	width: 100%;
	padding: 0 10px;
}

/* ------------------------------------------------ плашка в шапке страницы

   «Обработка заказов составляет 1-2 рабочих дня…» — текстовый блок SP Page
   Builder: 30 px полей у модуля плюс 30 px у самого блока, итого 220 px
   высоты на каждой странице. Классы проставляет скрипт (модули с картинкой
   или заголовком не трогаются). */

.zrco-site #sp-page-title .sp-module.zrco-notice-mod {
	padding: 16px 30px;
}

.zrco-site #sp-page-title .zrco-notice {
	padding: 0;
}

.zrco-site #sp-page-title .zrco-notice .sppb-addon-content {
	padding: 12px 18px;
	background: #f6f7f9;
	border-left: 3px solid #e72e37;
	border-radius: 0 8px 8px 0;
	color: #5a616b;
	font-size: 13px;
	line-height: 20px;
}

.zrco-site #sp-page-title .zrco-notice .sppb-addon-content span {
	font-size: 13px !important;
	line-height: 20px;
}

.zrco-site #sp-page-title .zrco-notice .sppb-addon-content b,
.zrco-site #sp-page-title .zrco-notice .sppb-addon-content strong {
	color: #1f2328;
	font-weight: 600;
}

/* ------------------------------------------------------- карточка товара */

.zrco-product #comjshop.productfull {
	color: var(--zrco-ink);
}

.zrco-product .zrco-prod {
	display: grid;
	grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
	gap: 30px;
	align-items: start;
	padding: 26px 28px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
}

/* левая колонка — картинка и миниатюры */

.zrco-product .zrco-prod-media .row-fluid,
.zrco-product .zrco-prod-media .span6,
.zrco-product .zrco-prod-media .span8 {
	float: none;
	width: auto;
	min-height: 0;
	margin: 0;
}

.zrco-product .zrco-prod-media .row-fluid::before,
.zrco-product .zrco-prod-media .row-fluid::after {
	content: none;
}

.zrco-product .zrco-prod-media #list_product_image_middle {
	display: block;
}

.zrco-product .zrco-prod-media #list_product_image_middle img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 8px;
}

/* подпись и описание, которые шаблон печатает внутри ссылки на увеличение:
   название повторяется под картинкой второй раз */
.zrco-product .zrco-prod-media .imagename,
.zrco-product .zrco-prod-media #list_product_image_middle .description {
	display: none;
}

/* миниатюры и значок видео лежат соседями, поэтому ряд строится на
   родителе, а сам список раскрывается display: contents */
.zrco-product .zrco-prod-media .jshop_img_description {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.zrco-product .zrco-prod-media #list_product_image_thumb {
	display: contents;
}

.zrco-product .zrco-prod-media #list_product_image_thumb:empty {
	display: none;
}

.zrco-product .zrco-prod-media .jshop_img_thumb_small,
.zrco-product .zrco-prod-media .jshop_video_thumb {
	width: 66px;
	height: auto;
	margin: 0;
	padding: 3px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 6px;
	cursor: pointer;
}

.zrco-product .zrco-prod-media .jshop_img_thumb_small:hover {
	border-color: var(--zrco-red);
}

.zrco-product .zrco-prod-media .product_label {
	margin-bottom: 10px;
}

/* правая колонка — название, производитель, цена, покупка */

.zrco-product .zrco-prod-info h1,
.zrco-product .zrco-prod-info h1.under-title {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	font-size: 26px;
	line-height: 34px;
}

.zrco-product .zrco-prod-info h1 .jshop_code_prod {
	display: block;
	margin-top: 4px;
	color: var(--zrco-mute);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

/* рейтинг шаблон печатает таблицей с align="right" в блоке высотой 22px */
.zrco-product .zrco-prod-info > div[style*="height:22px"] {
	height: auto !important;
	margin: 0 0 12px;
}

.zrco-product .zrco-prod-info table[align="right"] {
	float: none;
	width: auto;
	margin: 0;
	border: 0;
}

.zrco-product .zrco-prod-info table[align="right"] td {
	padding: 0 4px 0 0;
	border: 0;
	color: var(--zrco-mute);
	font-size: 13px;
	vertical-align: middle;
}

.zrco-product .zrco-prod-manuf {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	color: var(--zrco-mute);
	font-size: 13px;
}

.zrco-product .zrco-prod-manuf .manufacturer_logo,
.zrco-product .zrco-prod-manuf .manufacturer_name {
	margin: 0;
	padding: 0;
	float: none;
	text-align: left;
}

.zrco-product .zrco-prod-manuf .manufacturer_logo img {
	max-width: 90px;
	max-height: 32px;
	width: auto;
	height: auto;
}

.zrco-product .zrco-prod-manuf .manufacturer_name span {
	color: var(--zrco-ink);
}

.zrco-product .zrco-prod-short {
	margin: 0 0 16px;
	color: var(--zrco-mute);
	font-size: 14px;
	line-height: 22px;
}

.zrco-product .zrco-prod-info .prod_price {
	margin: 0 0 4px;
	color: var(--zrco-mute);
	font-size: 13px;
}

.zrco-product .zrco-prod-info .prod_price #block_price {
	display: block;
	margin-top: 2px;
	color: var(--zrco-ink);
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
}

.zrco-product .zrco-prod-info .old_price,
.zrco-product .zrco-prod-info .default_price,
.zrco-product .zrco-prod-info .prod_base_price,
.zrco-product .zrco-prod-info .deliverytime,
.zrco-product .zrco-prod-info .productweight,
.zrco-product .zrco-prod-info .qty_in_stock,
.zrco-product .zrco-prod-info .taxinfo,
.zrco-product .zrco-prod-info .plusshippinginfo {
	margin: 2px 0 0;
	color: var(--zrco-mute);
	font-size: 13px;
	line-height: 20px;
}

.zrco-product .zrco-prod-info .qty_in_stock span,
.zrco-product .zrco-prod-info .deliverytime span {
	color: var(--zrco-ink);
}

/* «Выберите ↓» — в шаблоне это мигающий заголовок h2 */
.zrco-product .zrco-prod-info .prod_attributes {
	margin: 18px 0 8px;
}

.zrco-product .zrco-prod-info .prod_attributes h2,
.zrco-product .zrco-prod-info .prod_attributes h2.blink {
	margin: 0;
	color: var(--zrco-mute);
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: .04em;
	animation: none;
}

.zrco-product .zrco-prod-info .jshop_prod_attributes .row-fluid {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 0 0 10px;
}

.zrco-product .zrco-prod-info .jshop_prod_attributes .row-fluid::before,
.zrco-product .zrco-prod-info .jshop_prod_attributes .row-fluid::after {
	content: none;
}

.zrco-product .zrco-prod-info .jshop_prod_attributes .attributes_title,
.zrco-product .zrco-prod-info .jshop_prod_attributes .pull-left {
	float: none;
	margin: 0;
}

.zrco-product .zrco-prod-info .attributes_name {
	color: var(--zrco-mute);
	font-size: 13px;
}

.zrco-product .zrco-prod-info .jshop_prod_attributes select {
	height: 42px;
	min-height: 42px !important;
	min-width: 200px;
	margin: 0;
	padding: 0 10px !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	color: var(--zrco-ink);
	font-size: 15px;
}

.zrco-product .zrco-prod-info .not_available {
	margin: 10px 0 0;
	color: var(--zrco-red);
	font-size: 13px;
}

/* строка покупки: количество и кнопки — таблицей в разметке */
.zrco-product .zrco-prod-info .prod_buttons {
	display: block;
	width: 100%;
	margin: 18px 0 0;
	padding: 14px 16px;
	background: var(--zrco-soft);
	border-radius: 10px;
	border-collapse: collapse;
}

.zrco-product .zrco-prod-info .prod_buttons tbody,
.zrco-product .zrco-prod-info .prod_buttons tr {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.zrco-product .zrco-prod-info .prod_buttons td {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	vertical-align: middle;
}

.zrco-product .zrco-prod-info .prod_buttons td.prod_qty {
	margin-right: 4px;
	color: var(--zrco-mute);
	font-size: 13px;
}

.zrco-product .zrco-prod-info .prod_buttons td.buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-left: 8px;
}

.zrco-product .zrco-prod-info .prod_buttons input[type="button"] {
	width: 36px !important;
	height: 40px !important;
	min-height: 40px !important;
	margin: 0;
	padding: 0 !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	box-shadow: none;
	color: var(--zrco-ink);
	font-size: 17px;
	font-weight: 400;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
}

.zrco-product .zrco-prod-info .prod_buttons input[type="button"]:hover {
	border-color: var(--zrco-red);
	color: var(--zrco-red);
}

.zrco-product .zrco-prod-info .prod_buttons input.inputbox {
	width: 56px !important;
	height: 40px !important;
	min-height: 40px !important;
	margin: 0;
	padding: 0 4px !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	box-shadow: none;
	font-size: 15px;
	text-align: center;
}

.zrco-product .zrco-prod-info .prod_buttons input.btn {
	height: 44px;
	padding: 0 28px;
	line-height: 42px;
}

.zrco-product .zrco-prod-info .prod_buttons input.btn-warning {
	background: #fff;
	border: 1px solid var(--zrco-line);
	color: var(--zrco-ink);
}

.zrco-product .zrco-prod-info .prod_buttons input.btn-warning:hover {
	border-color: var(--zrco-red);
	color: var(--zrco-red);
}

/* характеристики товара под кнопками */
.zrco-product .zrco-prod-info .extra_fields:not(:empty) {
	margin: 16px 0 0;
	font-size: 14px;
}

.zrco-product .zrco-prod-info .extra_fields_el {
	padding: 5px 0;
	border-bottom: 1px solid var(--zrco-hair);
	line-height: 20px;
}

.zrco-product .zrco-prod-info .extra_fields_name {
	color: var(--zrco-mute);
}

/* ------------------------------------- таблица моделей и расцветок товара */

.zrco-product #newAttr {
	margin: 18px 0 0;
}

.zrco-product #newAttr table.jshop.cart {
	width: 100%;
	margin: 0;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.zrco-product #newAttr table th {
	padding: 13px 10px;
	background: var(--zrco-soft);
	border: 0;
	border-bottom: 1px solid var(--zrco-line);
	color: var(--zrco-mute);
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.zrco-product #newAttr table tr:first-child th:first-child {
	border-top-left-radius: 10px;
}

.zrco-product #newAttr table tr:first-child th:last-child {
	border-top-right-radius: 10px;
}

/* у ячеек шапки нет классов — ширины по порядку:
   картинка, модель/цвет, цена, количество, кнопка */
.zrco-product #newAttr table th:nth-child(1) {
	width: 110px;
	font-size: 0;
}

.zrco-product #newAttr table th:nth-child(3) {
	width: 130px;
}

.zrco-product #newAttr table th:nth-child(4) {
	width: 160px;
}

.zrco-product #newAttr table th:nth-child(5) {
	width: 150px;
	font-size: 0;
}

.zrco-product #newAttr table th:nth-child(2) {
	text-align: left;
}

.zrco-product #newAttr table td {
	padding: 10px;
	border: 0;
	border-top: 1px solid var(--zrco-hair);
	background: none;
	text-align: center;
	vertical-align: middle;
}

.zrco-product #newAttr table tr:nth-child(2) td {
	border-top: 0;
}

.zrco-product #newAttr td.td_product_image .product_attribute_image {
	margin: 0;
}

.zrco-product #newAttr td.td_product_image img {
	max-width: 76px;
	height: auto;
	border-radius: 6px;
}

.zrco-product #newAttr td.td_attr {
	color: var(--zrco-ink);
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.zrco-product #newAttr td.td_price .prod_price,
.zrco-product #newAttr td.td_price {
	margin: 0;
	background: none;
	color: var(--zrco-ink);
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}

.zrco-product #newAttr td.prod_qty_input {
	white-space: nowrap;
}

.zrco-product #newAttr td.prod_qty_input input[type="button"] {
	width: 34px !important;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0;
	padding: 0 !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 8px 0 0 8px;
	box-shadow: none;
	color: var(--zrco-ink);
	font-size: 17px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.zrco-product #newAttr td.prod_qty_input input[type="button"][value="+"] {
	margin-left: -1px;
	border-radius: 0 8px 8px 0;
}

.zrco-product #newAttr td.prod_qty_input input[type="button"]:hover {
	border-color: var(--zrco-red);
	color: var(--zrco-red);
}

.zrco-product #newAttr td.prod_qty_input input[type="text"] {
	width: 46px !important;
	height: 36px !important;
	min-height: 36px !important;
	margin: 0 -1px;
	padding: 0 !important;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
}

.zrco-product #newAttr td.buttons input.btn {
	width: 100%;
	max-width: 150px;
	height: 38px;
	padding: 0 14px;
	background: var(--zrco-red);
	border: 1px solid var(--zrco-red);
	border-radius: 30px;
	color: #fff;
	font-size: 12px;
	line-height: 36px;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}

.zrco-product #newAttr td.buttons input.btn:hover {
	background: #c8202a;
	border-color: #c8202a;
}

/* --------------------------------------------------- описание и подвал карточки */

.zrco-product #comjshop .prod_description {
	margin: 22px 0 10px;
}

.zrco-product #comjshop .prod_description h2 {
	margin: 0;
	font-size: 20px;
	line-height: 28px;
}

.zrco-product #comjshop .jshop_prod_description {
	padding: 22px 26px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
	font-size: 14px;
	line-height: 24px;
}

/* в описаниях зашит inline text-align: justify — на широкой колонке он
   растягивает пробелы в «реки» */
.zrco-product #comjshop .jshop_prod_description div[style*="justify"],
.zrco-product #comjshop .jshop_prod_description p[style*="justify"] {
	text-align: left !important;
}

.zrco-product #comjshop .jshop_prod_description img {
	max-width: 100%;
	height: auto;
}

.zrco-product #comjshop .jshop_prod_description table {
	width: 100%;
	margin: 0 0 16px;
	border-collapse: collapse;
}

.zrco-product #comjshop .jshop_prod_description th,
.zrco-product #comjshop .jshop_prod_description td {
	padding: 9px 12px;
	border: 0;
	border-bottom: 1px solid var(--zrco-hair);
	text-align: left;
	vertical-align: top;
}

.zrco-product #comjshop .jshop_prod_description th {
	background: var(--zrco-soft);
	color: var(--zrco-mute);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* кнопка «Назад» — в шаблоне она оранжевая (btn-warning) */
.zrco-product .button_back {
	margin: 18px 0 0;
}

.zrco-product .button_back input.btn {
	height: 40px;
	padding: 0 26px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 30px;
	color: var(--zrco-ink);
	line-height: 38px;
}

.zrco-product .button_back input.btn:hover {
	border-color: var(--zrco-red);
	color: var(--zrco-red);
}

/* отзывы */
.zrco-product .review_header {
	margin: 26px 0 12px;
}

.zrco-product .review_item {
	margin: 0 0 10px;
	padding: 14px 18px;
	background: #fff;
	border: 1px solid var(--zrco-line);
	border-radius: 10px;
}

.zrco-product .review_user {
	font-weight: 600;
}

.zrco-product .review_time {
	color: var(--zrco-mute);
	font-size: 13px;
}

/* «Зарегистрируйтесь, чтобы создать отзыв» — в разметке это красная кнопка
   во всю ширину */
.zrco-product a.btn > .review_text_not_login {
	margin: 0;
	color: inherit;
	font-style: normal;
	white-space: normal;
}

.zrco-product .review_text_not_login {
	font-size: 13px;
	text-transform: none;
	letter-spacing: 0;
}

.zrco-product .zrco-review-note {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: auto;
	padding: 10px 16px;
	background: var(--zrco-soft);
	border: 1px solid var(--zrco-line);
	border-radius: 8px;
	color: var(--zrco-mute);
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0;
	text-transform: none;
}

.zrco-product .zrco-review-note:hover {
	border-color: var(--zrco-red);
	color: var(--zrco-red);
}

}

/* ---------------------------------------------------------------------------
   Экран 992–1199 px. Шаблон раскладывает колонки классами col-lg-*, а они в
   Bootstrap 3 включаются только с 1200 px: на ноутбуке и айпаде поперёк
   боковая колонка встаёт НАД товаром, и до корзины три экрана прокрутки.
   --------------------------------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1199px) {

.zrco-cols #sp-main-body > .container > .row {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

.zrco-cols #sp-main-body > .container > .row > #sp-left {
	order: 1;
	flex: 0 0 264px;
	width: 264px;
	max-width: 264px;
}

.zrco-cols #sp-main-body > .container > .row > #sp-component {
	order: 2;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

}