/* Isolated staging layer: mobile header only. */
@media (max-width: 767px) {
	.eccf-shell-mainbar {
		min-height: 72px !important;
		height: 72px !important;
		padding: 0 16px !important;
		grid-template-columns: minmax(0, 1fr) 44px !important;
		gap: 12px !important;
	}

	.eccf-shell-brand-group {
		min-width: 0 !important;
		justify-self: start !important;
	}

	.eccf-shell-planner-link,
	.eccf-shell-mainbar > .eccf-shell-actions {
		display: none !important;
	}

	.eccf-shell-brand {
		width: clamp(128px, 38vw, 154px) !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: auto !important;
		gap: 8px !important;
		object-fit: contain;
	}

	.eccf-shell-brand__symbol {
		width: 42px !important;
		height: 42px !important;
		flex: 0 0 42px !important;
		background-size: contain !important;
	}

	.eccf-shell-brand strong {
		font-size: clamp(19px, 5.8vw, 24px) !important;
		line-height: 1 !important;
		white-space: nowrap;
	}

	.eccf-shell-brand em {
		margin-top: 4px !important;
		font-size: 7px !important;
		white-space: nowrap;
	}

	.eccf-shell-menu-toggle {
		width: 44px !important;
		height: 44px !important;
		justify-self: end;
	}

	.eccf-shell-nav .ecsmau-header-utilities {
		display: grid;
		grid-template-columns: 1fr;
		gap: 4px;
		margin: 6px 18px 18px;
		padding-top: 12px;
		border-top: 1px solid var(--eccf-line, #e5e5df);
	}

	.ecsmau-header-languages {
		display: flex;
		align-items: center;
		gap: 8px;
		min-height: 44px;
		color: #273330;
		font-size: 15px;
	}

	.ecsmau-header-languages a {
		color: inherit;
		text-decoration: none;
	}

	.ecsmau-header-utilities .eccf-shell-selection,
	.ecsmau-header-utilities .ecep-account-shell {
		display: inline-flex !important;
		align-items: center;
		min-height: 44px;
	}

	.ecsmau-header-utilities .eccf-shell-selection {
		width: 44px !important;
		height: 44px !important;
	}

	.ecsmau-header-utilities .ecep-account-menu {
		z-index: 100200 !important;
	}
}
