/* Loop Quantity Cart – минимальные стили.
   Основная стилизация кнопок +/- идёт из темы Machic (quantity-button).
*/

.product-button-group.cart-with-quantity {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 8px;
}

.product-button-group.cart-with-quantity .quantity.ajax-quantity {
	display: flex;
	align-items: center;
}

/* На случай, если тема не стилизует quantity в loop */
.product-button-group.cart-with-quantity .quantity-button {
	cursor: pointer;
	user-select: none;
	min-width: 28px;
	min-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.product-button-group.cart-with-quantity input.qty {
	width: 44px;
	text-align: center;
	-moz-appearance: textfield;
}

.product-button-group.cart-with-quantity input.qty::-webkit-outer-spin-button,
.product-button-group.cart-with-quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.product-button-group.cart-with-quantity a.add_to_cart_button {
	flex: 1 1 auto;
	min-width: 90px;
	text-align: center;
}

@media (max-width: 480px) {
	.product-button-group.cart-with-quantity {
		flex-direction: column;
		align-items: stretch;
	}

	.product-button-group.cart-with-quantity .quantity.ajax-quantity {
		justify-content: center;
		width: 100%;
	}

	.product-button-group.cart-with-quantity a.add_to_cart_button {
		width: 100%;
	}
}