/* Страница /guarantee/: баннер сверху. Самостоятельные стили — копия от баннера «О компании» под отдельным префиксом. */

/* Нижний отступ у блока «крошки + H1» — копия из contacts-page.css, чтобы расстояние под заголовком совпадало с контактами 1 в 1. */
body.lf-guarantee-page #bx_eshop_wrap > .container.bx-content-section.lf-after-header {
	padding-bottom: 32px !important;
}

.lf-guarantee-banner {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	background: transparent;
	color: #f8fafc;
}

.lf-guarantee-banner__gutter {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 5px var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px)) 16px;
}

.lf-guarantee-banner__frame {
	position: relative;
	width: 100%;
	min-height: min(60vh, 644px);
	border-radius: 14px;
	overflow: hidden;
	box-sizing: border-box;
	background: #0f172a;
	box-shadow: 0 10px 40px rgba(15, 23, 42, 0.14);
	display: flex;
	align-items: center;
	justify-content: center;
	isolation: isolate;
}

.lf-guarantee-banner__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: #0f172a;
}

.lf-guarantee-banner__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-color: #0f172a;
	background-image: linear-gradient(145deg, #1e293b 0%, #0f172a 42%, #1e3a5f 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.lf-guarantee-banner__bg--desktop {
	display: none;
}

.lf-guarantee-banner__bg--mobile {
	display: block;
}

@media (min-width: 768px) {
	.lf-guarantee-banner__bg--desktop {
		display: block;
	}

	.lf-guarantee-banner__bg--mobile {
		display: none;
	}
}

.lf-guarantee-banner__scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.47);
	pointer-events: none;
}

.lf-guarantee-banner__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 40px clamp(16px, 3vw, 28px) 44px;
	display: flex;
	justify-content: center;
}

.lf-guarantee-banner__content {
	max-width: min(60rem, 100%);
	margin: 0 auto;
	text-align: center;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lf-guarantee-banner__title {
	margin: 0 0 16px;
	font-family: 'Lato', sans-serif;
	font-synthesis: none;
	font-size: clamp(1.875rem, 3.5vw + 1rem, 3rem);
	font-weight: 400;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: 0.12px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}

.lf-guarantee-banner__title--html {
	margin: 0 0 16px;
	max-width: 100%;
}

.lf-guarantee-banner__title--html p {
	margin: 0 0 0.65em;
	font: inherit;
}

.lf-guarantee-banner__title--html p:last-child {
	margin-bottom: 0;
}

.lf-guarantee-banner__lead,
.lf-guarantee-banner__lead--html {
	margin: 0 0 28px;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: clamp(1.0625rem, 2vw + 0.75rem, 1.5rem);
	font-weight: 400;
	font-style: normal;
	line-height: 1.333333;
	letter-spacing: 0;
	text-align: center;
	color: rgba(248, 250, 252, 0.92);
	text-shadow: 0 1px 16px rgba(0, 0, 0, 0.3);
	white-space: normal;
}

.lf-guarantee-banner__lead--html {
	max-width: 100%;
}

.lf-guarantee-banner__lead--html p {
	margin: 0 0 0.65em;
	font: inherit;
}

.lf-guarantee-banner__lead--html p:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.lf-guarantee-banner__gutter {
		padding-top: 5px;
		padding-bottom: 12px;
	}

	.lf-guarantee-banner__frame {
		min-height: min(53vh, 490px);
		border-radius: 12px;
		box-shadow: 0 6px 24px rgba(15, 23, 42, 0.12);
	}

	.lf-guarantee-banner__inner {
		padding-top: 32px;
		padding-bottom: 36px;
	}
}

/* ──────────── Адаптивная пирамида — копия баннера «О компании» ────────────── */

#bx_eshop_wrap > section.lf-guarantee-banner {
	margin: 0;
}

#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__gutter {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media (max-width: 767px) {
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__gutter {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

#bx_eshop_wrap > .container.bx-content-section.lf-after-header.lf-guarantee-page-head-block--after-banner {
	margin-top: 24px !important;
	padding-top: 0 !important;
}

#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__frame {
	min-height: min(62svh, 644px);
}

#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__inner {
	min-height: inherit;
	align-items: center;
	padding: 40px clamp(16px, 3vw, 32px) 44px;
}

#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__content {
	width: min(100%, 46rem);
	max-width: 46rem;
}

#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title,
#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title--html {
	margin-bottom: 16px;
	font-size: 3rem;
	line-height: 1.18;
	letter-spacing: 0;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead,
#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead--html {
	margin-bottom: 28px;
	font-size: 1.5rem;
	line-height: 1.333333;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

@media (max-width: 1199px) {
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__frame {
		min-height: min(60svh, 580px);
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__content {
		width: min(100%, 42rem);
		max-width: 42rem;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title--html {
		font-size: 2.75rem;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead--html {
		font-size: 1.375rem;
	}
}

@media (max-width: 1023px) {
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__frame {
		min-height: min(50svh, 480px);
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__inner {
		padding: 36px 24px 40px;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__content {
		width: min(100%, 38rem);
		max-width: 38rem;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title--html {
		margin-bottom: 14px;
		font-size: 2.375rem;
		line-height: 1.16;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead--html {
		margin-bottom: 24px;
		font-size: 1.25rem;
		line-height: 1.35;
	}
}

@media (max-width: 767px) {
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__frame {
		min-height: clamp(280px, 42svh, 360px);
		border-radius: 12px;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__inner {
		padding: 30px 18px 34px;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__content {
		width: min(100%, 34rem);
		max-width: 34rem;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title--html {
		margin-bottom: 12px;
		font-size: 2rem;
		line-height: 1.14;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead--html {
		margin-bottom: 22px;
		font-size: 1.125rem;
		line-height: 1.35;
	}
}

@media (max-width: 520px) {
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__frame {
		min-height: clamp(260px, 42svh, 320px);
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__inner {
		padding: 26px 16px 30px;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title--html {
		font-size: 1.75rem;
		line-height: 1.13;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead--html {
		margin-bottom: 18px;
		font-size: 1rem;
		line-height: 1.35;
	}
}

@media (max-width: 420px) {
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__frame {
		min-height: clamp(250px, 40svh, 300px);
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__inner {
		padding: 24px 14px 28px;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title--html {
		font-size: 1.5rem;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead--html {
		font-size: 0.9375rem;
	}
}

@media (max-width: 360px) {
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__frame {
		min-height: clamp(240px, 38svh, 280px);
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__inner {
		padding-right: 12px;
		padding-left: 12px;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__title--html {
		font-size: 1.25rem;
		line-height: 1.18;
		overflow-wrap: normal;
		word-break: normal;
	}

	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead,
	#bx_eshop_wrap > section.lf-guarantee-banner .lf-guarantee-banner__lead--html {
		font-size: 0.875rem;
		line-height: 1.35;
	}
}