.mp-bom-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.mp-bom-qty-wrap {
	width: 100%;
}

.mp-bom-qty-input {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
	background: #fff;
	box-sizing: border-box;
	appearance: auto;
	-webkit-appearance: auto;
	outline: none;
	transition: border-color 0.2s;
}

.mp-bom-qty-input:focus {
	border-color: #999;
}

.mp-bom-qty-input::placeholder {
	color: #aaa;
}

.mp-bom-buttons {
	display: flex;
	gap: 8px;
}

.mp-bom-btn {
	flex: 1;
	padding: 10px 14px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s, opacity 0.2s;
	line-height: 1.4;
	box-sizing: border-box;
}

.mp-bom-btn-add {
	background-color: #000;
	color: #fff;
}

.mp-bom-btn-add:hover {
	background-color: #333;
}

.mp-bom-btn-add:disabled,
.mp-bom-btn-add.mp-bom-btn--added {
	opacity: 0.7;
	cursor: default;
}

.mp-bom-btn-inquiry {
	background-color: #000;
	color: #ff4444;
}

.mp-bom-btn-inquiry:hover {
	background-color: #333;
	color: #ff4444;
	text-decoration: none;
}

/* ── Add feedback message ────────────────────────── */
.mp-bom-msg {
	min-height: 0;
	max-height: 0;
	overflow: hidden;
	font-size: 13px;
	color: #6ab04c;
	font-weight: 600;
	margin-top: 0;
	opacity: 0;
	transition: opacity 0.2s, max-height 0.2s, margin-top 0.2s;
}

.mp-bom-msg--visible {
	max-height: 2em;
	margin-top: 6px;
	opacity: 1;
}