.fcsu-sales-unit-config[hidden] {
	display: none;
}

.product-detail .quantity.fcsu-quantity--enhanced {
	position: relative;
	display: grid;
	grid-template-columns: 44px minmax(5.5rem, 1fr) 44px;
	align-items: stretch;
	width: min(100%, 15rem);
	min-width: 12rem;
	min-height: 48px;
	border: 1px solid var(--fc-border);
	border-radius: var(--fc-radius-pill);
	background: var(--fc-surface);
}

.woocommerce .product-detail .quantity.fcsu-quantity--enhanced .qty,
.woocommerce-page .product-detail .quantity.fcsu-quantity--enhanced .qty {
	position: absolute;
	width: 1px;
	height: 1px;
	min-height: 0;
	margin: -1px;
	padding: 0;
	border: 0;
	opacity: 0;
	pointer-events: none;
}

.product-detail .fcsu-quantity__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0;
	border: 0;
	border-radius: var(--fc-radius-pill);
	color: var(--fc-brand-secondary);
	background: transparent;
	font: inherit;
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
}

.product-detail .fcsu-quantity__button:disabled {
	color: var(--fc-text-muted);
	cursor: not-allowed;
	opacity: 0.45;
}

.product-detail .fcsu-quantity__value {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding-inline: var(--fc-space-1);
	color: var(--fc-brand-primary);
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
}

.product-detail .fcsu-quantity__button:focus-visible {
	outline: 2px solid var(--fc-brand-accent);
	outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
	.product-detail .fcsu-quantity__button:not(:disabled):hover {
		color: var(--fc-surface);
		background: var(--fc-brand-primary);
	}
}

@media (max-width: 640px) {
	.product-detail .quantity.fcsu-quantity--enhanced {
		width: 100%;
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.product-detail .fcsu-quantity__button {
		transition-duration: 0s;
	}
}