.quantity-selector {
	display: flex;
	align-items: center;
	gap: 0; /* 讓按鈕與輸入框緊貼 */
}

.quantity-selector input[type="number"] {
	width: calc(100% - 80px);
	height: 53px;
	text-align: center;
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	outline: none;
	font-size: 16px;
	/* 隱藏 Chrome/Safari 的原生箭頭 */
	-webkit-appearance: none;
	margin: 0;
}

/* 隱藏 Firefox 的原生箭頭 */
.quantity-selector input[type="number"]::-webkit-inner-spin-button,
.quantity-selector input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.quantity-selector button {
	width: 40px;
	height: 53px;
	background-color: #f8f9fa;
	border: 1px solid #ccc;
	cursor: pointer;
	font-size: 20px;
	transition: background-color 0.2s;
}

.quantity-selector button:hover {
	background-color: #e2e6ea;
}

/* 當按鈕被 disabled 時的樣式 */
.quantity-selector button:disabled {
	background-color: #f0f0f0;
	color: #ccc;
	cursor: not-allowed; /* 顯示禁用圖示 */
	border-color: #ddd;
}

.btn-minus {
	border-radius: 4px 0 0 4px;
}

.btn-plus {
	border-radius: 0 4px 4px 0;
}