.header-mobile {
	padding: var(--mobileHeaderSpacing) 0;
	background: var(--mobileHeaderBackground);

	&[data-type='type-1'] {
		.ct-container {
			display: flex;
			align-items: center;
			justify-content: space-between;

			.special-elements {
				margin-left: auto;
			}

			.main-navigation {
				padding-left: 15px;
			}
		}
	}

	&[data-type='type-2'] {
		.ct-container {
			display: flex;
			align-items: center;
			position: relative;

			.site-branding {
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				left: 0;
				width: 100%;
				z-index: 10;
			}

			> * {
				&:not(.site-branding) {
					position: relative;
					z-index: 20;
				}
			}

			.main-navigation {
				order: 1;
			}

			.special-elements {
				order: 3;
				margin-left: auto;
			}
		}
	}
}