/**
 * Κουμπιά − / + ποσότητας (σελίδα προϊόντος, καλάθι).
 * Markup: inc/product.php (hooks του πεδίου ποσότητας) · Λειτουργία: assets/js/product.js
 * Το πλαίσιο του πεδίου (λευκό, γραμμή, γωνίες) ορίζεται σε κάθε σελίδα.
 */

.quantity .of-qty__btn,
.quantity .of-qty__btn:hover,
.quantity .of-qty__btn:focus {
	display: grid;
	flex: 0 0 34px;
	place-items: center;
	width: 34px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: var(--color-surface);
	color: var(--color-primary);
	cursor: pointer;
}

.quantity .of-qty__btn:hover {
	background-color: var(--color-purple-soft);
}

.quantity .of-qty__btn[hidden] {
	display: none;
}