.wb-product-components {
	margin: 0 0 1rem;
}

.wb-product-components__set {
	border: 1px solid var(--wp--preset--color--light-gray, #e5e7eb);
	border-radius: 6px;
	padding: 0.75rem 1rem;
	margin: 0;
	min-width: 0;
}

.wb-product-components__legend {
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	padding: 0 0.375rem;
}

.wb-product-components__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wb-product-components__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.375rem 0;
	border-top: 1px solid var(--wp--preset--color--light-gray, #f0f0f0);
}

.wb-product-components__item:first-child {
	border-top: 0;
}

.wb-product-components__item.is-out-of-stock {
	opacity: 0.6;
}

.wb-product-components__item-main {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem 0.5rem;
	min-width: 0;
}

.wb-product-components__item-name {
	font-weight: 500;
}

.wb-product-components__item-sku {
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.75rem;
	color: #6b7280;
}

.wb-product-components__item-stock {
	font-size: 0.75rem;
	color: #b91c1c;
}

.wb-product-components__fixed-qty {
	font-variant-numeric: tabular-nums;
	color: #374151;
	white-space: nowrap;
}

.wb-product-components__qty {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	white-space: nowrap;
}

.wb-product-components__qty-label {
	font-size: 0.75rem;
	color: #6b7280;
}

.wb-product-components__qty-input {
	width: 4.25rem;
	padding: 0.25rem 0.375rem;
	border: 1px solid #d1d5db;
	border-radius: 4px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}