.idel-health-banner {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	min-height: var(--idel-min-height);
	padding: var(--idel-section-padding);
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.idel-health-banner,
.idel-health-banner * {
	box-sizing: border-box;
}

.idel-health-banner__bg,
.idel-health-banner__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.idel-health-banner__bg {
	z-index: 0;
	background: transparent;
}

.idel-health-banner__image {
	display: block;
	width: 100%;
	height: 100%;
	background-image: var(--idel-image-url);
	background-size: var(--idel-image-size);
	background-position: var(--idel-image-position);
	background-repeat: no-repeat;
}

.idel-health-banner__overlay {
	z-index: 1;
	background: var(--idel-overlay-background);
}

.idel-health-banner__inner {
	position: relative;
	z-index: 2;
	width: min(100%, var(--idel-container-max-width));
	margin: 0 auto;
	display: flex;
	align-items: var(--idel-align-items);
	justify-content: space-between;
	gap: var(--idel-layout-gap);
}

.idel-health-banner__left {
	flex: 0 1 var(--idel-left-width);
	max-width: var(--idel-left-width);
	margin: var(--idel-left-spacing);
}

.idel-health-banner__right {
	flex: 0 1 var(--idel-right-width);
	max-width: var(--idel-right-width);
	margin: var(--idel-right-spacing);
	padding: var(--idel-right-padding);
	color: var(--idel-right-text-color);
	background: var(--idel-right-background);
	border: var(--idel-right-border);
	border-radius: var(--idel-right-border-radius);
	box-shadow: var(--idel-right-box-shadow);
	backdrop-filter: blur(8px);
}

.idel-health-banner__right-title {
	margin: 0 0 var(--idel-right-title-margin-bottom);
	color: var(--idel-right-title-color);
	font-family: var(--idel-right-title-font-family);
	font-size: var(--idel-right-title-font-size);
	font-weight: var(--idel-right-title-font-weight);
	line-height: var(--idel-right-title-line-height);
	text-align: var(--idel-right-title-align);
}

.idel-health-banner__right-subtitle {
	margin: 0 0 var(--idel-right-subtitle-margin-bottom);
	color: var(--idel-right-subtitle-color);
	font-family: var(--idel-right-subtitle-font-family);
	font-size: var(--idel-right-subtitle-font-size);
	font-weight: var(--idel-right-subtitle-font-weight);
	line-height: var(--idel-right-subtitle-line-height);
	text-align: var(--idel-right-subtitle-align);
}

.idel-health-banner__right-title p,
.idel-health-banner__right-subtitle p {
	margin: 0;
}

.idel-health-banner__right-content {
	color: var(--idel-right-text-color);
}

.idel-health-banner__title {
	margin: 0 0 var(--idel-title-margin-bottom);
	color: var(--idel-title-color);
	font-family: var(--idel-title-font-family);
	font-size: var(--idel-title-font-size);
	font-weight: var(--idel-title-font-weight);
	line-height: var(--idel-title-line-height);
	letter-spacing: var(--idel-title-letter-spacing);
}

.idel-health-banner__title span {
	color: var(--idel-title-highlight-color);
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
}

.idel-health-banner__subtitle {
	margin: 0 0 var(--idel-subtitle-margin-bottom);
	color: var(--idel-subtitle-color);
	font-family: var(--idel-subtitle-font-family);
	font-size: var(--idel-subtitle-font-size);
	font-weight: var(--idel-subtitle-font-weight);
	line-height: var(--idel-subtitle-line-height);
}

.idel-health-banner__subtitle p {
	margin: 0;
}

.idel-health-banner__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: var(--idel-button-margin);
	padding: var(--idel-button-padding);
	color: var(--idel-button-text-color);
	background: var(--idel-button-bg-color);
	border-radius: var(--idel-button-radius);
	font-family: var(--idel-button-font-family);
	font-size: var(--idel-button-font-size);
	font-weight: var(--idel-button-font-weight);
	line-height: 1;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.idel-health-banner__button:hover,
.idel-health-banner__button:focus {
	color: var(--idel-button-hover-text-color);
	background: var(--idel-button-hover-bg-color);
	text-decoration: none;
	transform: translateY(-1px);
}

.idel-health-banner__right h1,
.idel-health-banner__right h2,
.idel-health-banner__right h3,
.idel-health-banner__right h4,
.idel-health-banner__right h5,
.idel-health-banner__right h6 {
	color: inherit;
	margin-top: 0;
}

.idel-health-banner__right p,
.idel-health-banner__right label,
.idel-health-banner__right span {
	color: inherit;
}

.idel-health-banner__right p:first-child {
	margin-top: 0;
}

.idel-health-banner__right p:last-child {
	margin-bottom: 0;
}

.idel-health-banner__right input,
.idel-health-banner__right select,
.idel-health-banner__right textarea {
	width: 100%;
	max-width: 100%;
}

.idel-health-banner__right iframe {
	display: block;
	width: 100%;
	max-width: 100%;
}

@media (max-width: 991px) {
	.idel-health-banner {
		min-height: var(--idel-mobile-min-height);
		padding: var(--idel-mobile-padding);
	}

	.idel-health-banner__inner {
		flex-direction: column;
		align-items: stretch;
		gap: var(--idel-mobile-gap);
	}

	.idel-health-banner--right_first .idel-health-banner__right {
		order: -1;
	}

	.idel-health-banner__left,
	.idel-health-banner__right {
		flex-basis: auto;
		width: 100%;
		max-width: 100%;
	}

	.idel-health-banner__title {
		font-size: var(--idel-title-mobile-font-size);
		line-height: var(--idel-title-mobile-line-height);
	}

	.idel-health-banner__subtitle {
		font-size: var(--idel-subtitle-mobile-size);
	}
}

