.invize-product-sort {
	--invize-space-sm: 0.5rem;
	--invize-space-md: 0.75rem;
	--invize-border-radius: var(--invize-radius, 0.375rem);
	--invize-border-color: var(--invize-color-border, #dcdcde);
	--invize-text-color: var(--invize-color-text, #1d2327);
	--invize-accent-color: var(--invize-color-accent, #2271b1);
	--invize-font-size: 0.9375rem;
	--invize-line-height: 1.4;
	color: var(--invize-text-color);
	font-size: var(--invize-font-size);
	line-height: var(--invize-line-height);
}

.invize-product-sort__title {
	margin: 0 0 var(--invize-space-md);
	font-size: 1em;
	font-weight: 600;
}

.invize-product-sort__controls {
	display: flex;
	flex-wrap: wrap;
	gap: var(--invize-space-md);
	align-items: flex-end;
}

.invize-product-sort__field {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	min-width: 10rem;
	flex: 1 1 10rem;
}

.invize-product-sort__label {
	font-size: 0.8125rem;
	font-weight: 600;
}

.invize-product-sort__orderby,
.invize-product-sort__order {
	box-sizing: border-box;
	width: 100%;
	padding: var(--invize-space-sm) var(--invize-space-md);
	border: 1px solid var(--invize-border-color);
	border-radius: var(--invize-border-radius);
	background: var(--invize-color-surface, #fff);
	color: var(--invize-text-color);
	font: inherit;
	line-height: var(--invize-line-height);
}

.invize-product-sort__orderby:focus,
.invize-product-sort__order:focus {
	border-color: var(--invize-accent-color);
	outline: 2px solid transparent;
	box-shadow: 0 0 0 1px var(--invize-accent-color);
}

.invize-product-sort.is-loading .invize-product-sort__orderby,
.invize-product-sort.is-loading .invize-product-sort__order {
	opacity: 0.65;
	pointer-events: none;
}

.invize-product-list-block.is-sort-loading {
	opacity: 0.65;
	pointer-events: none;
}