/* ════════════════════════════════════════════════════════════════
   Pentaseis Art Gallery — Quantity Buttons
   Aplica en: producto individual, carrito y checkout
   ════════════════════════════════════════════════════════════════ */

.pag-quantity {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.pag-qty-btn {
	background-color: transparent;
	border: none;
	padding: 0 6px;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	user-select: none;
	color: inherit;
	font-family: inherit;
	transition: opacity 0.15s ease;
}

.pag-qty-btn:hover {
	opacity: 0.6;
}

.pag-qty-btn:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

.pag-quantity input.qty {
	width: 50px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 4px 0;
	border-radius: 3px;
	font-size: 14px;
	font-family: inherit;
}

/* Ocultar flechas nativas del input number — Chrome / Safari / Edge */
.pag-quantity input.qty::-webkit-inner-spin-button,
.pag-quantity input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Ocultar flechas nativas del input number — Firefox */
.pag-quantity input.qty {
	-moz-appearance: textfield;
	appearance: textfield;
}