/**
 * Smart two-row header.
 *
 * JavaScript supplies the measured utility-row height, so this remains
 * correct when typography, breakpoints, or admin-bar state change.
 */
#brx-header[data-dzv-smart-header="ready"] {
	--dzv-header-utility-row-height: 0px;

	transform: translate3d(0, 0, 0);
	transition-duration: 200ms, 320ms;
	transition-property: background-color, transform;
	transition-timing-function: ease, cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

#brx-header[data-dzv-smart-header="ready"][data-dzv-header-state="compact"] {
	transform: translate3d(0, calc(-1 * var(--dzv-header-utility-row-height)), 0);
}

@media (prefers-reduced-motion: reduce) {
	#brx-header[data-dzv-smart-header="ready"] {
		transition-duration: 0.01ms;
	}
}