/* ============================================================
 * AUTO108 v4 · stepper «−  qty  +» + кнопка удаления
 * Появляется внутри .v1-prod-buy[data-product-id].is-in-cart
 * вместо обычной кнопки «В корзину».
 * ============================================================ */

.v1-prod-buy[data-product-id].is-in-cart {
	display: flex;
	gap: 6px;
	align-items: stretch;
}

.v1-prod-stepper {
	flex: 1;
	display: grid;
	grid-template-columns: 36px 1fr 36px;
	align-items: stretch;
	border: 1px solid var(--accent, #238EE3);
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	min-height: 36px;
}

.v1-prod-stepper-btn {
	border: 0;
	background: transparent;
	color: var(--accent, #238EE3);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
	transition: background .12s;
}
.v1-prod-stepper-btn:hover { background: rgba(35,142,227,0.08); }
.v1-prod-stepper-btn:active { background: rgba(35,142,227,0.16); }

.v1-prod-stepper-qty {
	display: grid;
	place-items: center;
	font-family: var(--font-display), system-ui, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: var(--ink-900, #021138);
	border-left: 1px solid var(--line, #E4EAF1);
	border-right: 1px solid var(--line, #E4EAF1);
	user-select: none;
	min-width: 32px;
	padding: 0 6px;
}

.v1-prod-stepper-del {
	border: 1px solid var(--line, #E4EAF1);
	background: #fff;
	color: var(--ink-500, #6B7A90);
	border-radius: 8px;
	width: 36px;
	display: grid;
	place-items: center;
	cursor: pointer;
	transition: color .12s, border-color .12s, background .12s;
	padding: 0;
}
.v1-prod-stepper-del:hover {
	color: #E0394A;
	border-color: #E0394A;
	background: #FFF5F6;
}

/* мобильная компактность — синхронно с .v1-prod-buy mobile-стилем */
@media (max-width: 760px) {
	.v1-prod-stepper { min-height: 34px; grid-template-columns: 32px 1fr 32px; }
	.v1-prod-stepper-btn { font-size: 15px; }
	.v1-prod-stepper-qty { font-size: 13px; min-width: 28px; }
	.v1-prod-stepper-del { width: 32px; }
}