.bfm-ml-header-main {
	column-gap: 1rem;
}

.bfm-ml-switcher {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-size: .82rem;
	font-weight: 700;
}

.bfm-ml-switcher select {
	max-width: 11.5rem;
	min-height: 2.45rem;
	border: 1px solid #b8c7d9;
	border-radius: .45rem;
	background: #fff;
	color: #032549;
	padding: .35rem 2rem .35rem .65rem;
	font: inherit;
}

.bfm-ml-answer {
	border-inline-start: .35rem solid #0b7c86;
	background: #eef9f8;
	padding-inline: clamp(1rem, 3vw, 2rem);
}

.bfm-ml-answer__lead {
	font-size: clamp(1.1rem, 2vw, 1.35rem);
	font-weight: 700;
	line-height: 1.55;
}

.bfm-ml-input-grid {
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.bfm-ml-method strong {
	display: inline-block;
	margin-bottom: .35rem;
	color: #032549;
}

.bfm-ml-privacy-grid {
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.bfm-ml-privacy-grid h2 {
	font-size: 1.25rem;
}

.bfm-ml-floating {
	position: fixed;
	inset-inline-end: 1rem;
	bottom: 1rem;
	z-index: 50;
	padding: .65rem .8rem;
	border: 1px solid #c9d8e7;
	border-radius: .65rem;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 .4rem 1.4rem rgba(3, 37, 73, .2);
}

.bfm-ml-rtl {
	direction: rtl;
	text-align: right;
}

@media (max-width: 980px) {
	.bfm-ml-switcher--header {
		margin-inline-start: auto;
	}

	.bfm-ml-switcher--header label {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.bfm-ml-switcher--header select {
		max-width: 8.5rem;
	}
}

@media (max-width: 640px) {
	.bfm-ml-header-main {
		flex-wrap: wrap;
	}

	.bfm-ml-switcher--header {
		order: 3;
		width: 100%;
		margin-top: .5rem;
	}

	.bfm-ml-switcher--header select {
		width: 100%;
		max-width: none;
	}

	.bfm-ml-floating {
		inset-inline: .5rem;
		bottom: .5rem;
	}

	.bfm-ml-floating .bfm-ml-switcher--floating {
		width: 100%;
	}

	.bfm-ml-floating .bfm-ml-switcher--floating select {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		max-width: none;
	}
}

@media (min-width: 1080px) {
	.bfm-ml-page .bfm-ml-header-main {
		flex-wrap: wrap;
		padding-block: .75rem;
	}

	.bfm-ml-page .bfm-ml-header-main .bfm-nav {
		flex: 0 0 100%;
		margin-inline-start: 0;
		width: 100%;
	}

	.bfm-ml-page .bfm-ml-header-main .bfm-nav__list {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media print {
	.bfm-ml-floating,
	.bfm-ml-switcher--header {
		display: none !important;
	}
}