/**
 * Mobile header: not sticky / not fixed (scrolls with page).
 * Desktop (≥64em): keep fixed header.
 * Loaded after main theme CSS so it always wins.
 */

@media screen and (max-width: 63.99875em) {
	.header {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		transform: none !important;
	}

	/* Header is in normal flow — no spacer padding needed */
	.page-wrapper {
		padding-top: 0 !important;
	}

	/*
	 * Breadcrumbs had margin-top to clear the old fixed header.
	 * With relative header that gap is empty space — remove on mobile only.
	 */
	.breadcrumbs-main {
		margin-top: 0 !important;
	}

	.kama-breadcrumbs {
		margin-top: 0 !important;
	}
}

@media print, screen and (min-width: 64em) {
	.header {
		position: fixed !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
	}
}