/* Local final UX overrides, 2026-05-01.
   Loaded after style.css, so these rules intentionally win the cascade. */

.elevator.elevator-test-buttons {
	position: fixed;
	top: auto;
	bottom: 112px;
	left: 16px;
	width: 46px;
	padding: 0;
	background: transparent;
	opacity: 1;
	filter: none;
	z-index: 1001;
	text-align: center;
}

/*
 * LAKLIMAT — мобильный красный фон для УТП-блоков.
 * Назначение: мягкий красный фон + декоративные приглушённые языки пламени.
 * Белый текст остаётся читабельным на ярких мобильных экранах.
 *
 * Ожидаемые файлы:
 * ../img/laklimat-mobile-red-wallpaper.webp
 * ../img/laklimat-mobile-red-wallpaper.png
 */
@media (max-width: 900px) {
	.lak-kras-landing .navigation_background {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		background-color: #8f0505 !important;
		background-image:
			linear-gradient(180deg, rgba(38, 0, 0, 0.36), rgba(38, 0, 0, 0.22) 42%, rgba(18, 0, 0, 0.48)),
			linear-gradient(145deg, rgba(190, 38, 30, 0.16), rgba(132, 0, 0, 0.18) 46%, rgba(58, 0, 0, 0.28)),
			image-set(
				url('../img/laklimat-mobile-red-wallpaper.webp') type('image/webp'),
				url('../img/laklimat-mobile-red-wallpaper.png') type('image/png')
			) !important;
		background-repeat: no-repeat, no-repeat, no-repeat !important;
		background-position: center center, center center, center top !important;
		background-size: cover, cover, cover !important;
		background-blend-mode: normal, multiply, normal !important;
		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
	}

	.lak-kras-landing .navigation_background::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(circle at 24% 12%, rgba(255, 120, 96, 0.10), transparent 31%),
			radial-gradient(circle at 86% 88%, rgba(0, 0, 0, 0.24), transparent 38%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.24));
	}

	.lak-kras-landing .navigation_background > * {
		position: relative;
		z-index: 1;
	}

	.lak-kras-landing .navigation_background,
	.lak-kras-landing .navigation_background h1,
	.lak-kras-landing .navigation_background h2,
	.lak-kras-landing .navigation_background h3,
	.lak-kras-landing .navigation_background p,
	.lak-kras-landing .navigation_background li,
	.lak-kras-landing .navigation_background a {
		color: #ffffff !important;
	}

	.lak-kras-landing .navigation_background .utp,
	.lak-kras-landing .navigation_background .utp-card,
	.lak-kras-landing .navigation_background .advantage-card,
	.lak-kras-landing .navigation_background .feature-card {
		background: rgba(72, 0, 0, 0.28);
		border: 1px solid rgba(255, 255, 255, 0.14);
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.20);
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
	}
}

@supports not (background-image: image-set(url('../img/laklimat-mobile-red-wallpaper.webp') type('image/webp'))) {
	@media (max-width: 900px) {
		.lak-kras-landing .navigation_background {
			background-image:
				linear-gradient(180deg, rgba(38, 0, 0, 0.36), rgba(38, 0, 0, 0.22) 42%, rgba(18, 0, 0, 0.48)),
				linear-gradient(145deg, rgba(190, 38, 30, 0.16), rgba(132, 0, 0, 0.18) 46%, rgba(58, 0, 0, 0.28)),
				url('../img/laklimat-mobile-red-wallpaper.png') !important;
		}
	}
}

/*
 * LAKLIMAT — финальное подключение светлого мобильного фона.
 * Этот блок находится самым последним и перекрывает тёмный вариант.
 */
@media (max-width: 900px) {
	.lak-kras-landing .navigation_background {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		background-color: #b40000 !important;
		background-image:
			linear-gradient(180deg, rgba(35, 0, 0, 0.18), rgba(35, 0, 0, 0.08) 44%, rgba(20, 0, 0, 0.26)),
			linear-gradient(145deg, rgba(255, 105, 90, 0.20), rgba(207, 16, 16, 0.14) 46%, rgba(127, 0, 0, 0.18)),
			image-set(
				url('../img/laklimat-mobile-red-wallpaper-light.webp') type('image/webp'),
				url('../img/laklimat-mobile-red-wallpaper-light.png') type('image/png')
			) !important;
		background-repeat: no-repeat, no-repeat, no-repeat !important;
		background-position: center center, center center, center top !important;
		background-size: cover, cover, cover !important;
		background-blend-mode: normal, soft-light, normal !important;
		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
	}

	.lak-kras-landing .navigation_background::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(circle at 24% 12%, rgba(255, 150, 120, 0.12), transparent 34%),
			radial-gradient(circle at 90% 92%, rgba(0, 0, 0, 0.12), transparent 42%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.14));
	}

	.lak-kras-landing .navigation_background > * {
		position: relative;
		z-index: 1;
	}

	.lak-kras-landing .navigation_background,
	.lak-kras-landing .navigation_background h1,
	.lak-kras-landing .navigation_background h2,
	.lak-kras-landing .navigation_background h3,
	.lak-kras-landing .navigation_background p,
	.lak-kras-landing .navigation_background li,
	.lak-kras-landing .navigation_background a {
		color: #ffffff !important;
	}

	.lak-kras-landing .navigation_background .utp,
	.lak-kras-landing .navigation_background .utp-card,
	.lak-kras-landing .navigation_background .advantage-card,
	.lak-kras-landing .navigation_background .feature-card {
		background: rgba(85, 0, 0, 0.18);
		border: 1px solid rgba(255, 255, 255, 0.16);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}
}

@supports not (background-image: image-set(url('../img/laklimat-mobile-red-wallpaper-light.webp') type('image/webp'))) {
	@media (max-width: 900px) {
		.lak-kras-landing .navigation_background {
			background-image:
				linear-gradient(180deg, rgba(35, 0, 0, 0.18), rgba(35, 0, 0, 0.08) 44%, rgba(20, 0, 0, 0.26)),
				linear-gradient(145deg, rgba(255, 105, 90, 0.20), rgba(207, 16, 16, 0.14) 46%, rgba(127, 0, 0, 0.18)),
				url('../img/laklimat-mobile-red-wallpaper-light.png') !important;
		}
	}
}

/*
 * LAKLIMAT — финальное подключение светлого мобильного фона.
 * Этот блок находится в конце файла и перекрывает тёмный вариант.
 */
@media (max-width: 900px) {
	.lak-kras-landing .navigation_background {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		background-color: #b40000 !important;
		background-image:
			linear-gradient(180deg, rgba(35, 0, 0, 0.18), rgba(35, 0, 0, 0.08) 44%, rgba(20, 0, 0, 0.26)),
			linear-gradient(145deg, rgba(255, 105, 90, 0.20), rgba(207, 16, 16, 0.14) 46%, rgba(127, 0, 0, 0.18)),
			image-set(
				url('../img/laklimat-mobile-red-wallpaper-light.webp') type('image/webp'),
				url('../img/laklimat-mobile-red-wallpaper-light.png') type('image/png')
			) !important;
		background-repeat: no-repeat, no-repeat, no-repeat !important;
		background-position: center center, center center, center top !important;
		background-size: cover, cover, cover !important;
		background-blend-mode: normal, soft-light, normal !important;
		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
	}

	.lak-kras-landing .navigation_background::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(circle at 24% 12%, rgba(255, 150, 120, 0.12), transparent 34%),
			radial-gradient(circle at 90% 92%, rgba(0, 0, 0, 0.12), transparent 42%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.14));
	}

	.lak-kras-landing .navigation_background > * {
		position: relative;
		z-index: 1;
	}

	.lak-kras-landing .navigation_background,
	.lak-kras-landing .navigation_background h1,
	.lak-kras-landing .navigation_background h2,
	.lak-kras-landing .navigation_background h3,
	.lak-kras-landing .navigation_background p,
	.lak-kras-landing .navigation_background li,
	.lak-kras-landing .navigation_background a {
		color: #ffffff !important;
	}

	.lak-kras-landing .navigation_background .utp,
	.lak-kras-landing .navigation_background .utp-card,
	.lak-kras-landing .navigation_background .advantage-card,
	.lak-kras-landing .navigation_background .feature-card {
		background: rgba(85, 0, 0, 0.18);
		border: 1px solid rgba(255, 255, 255, 0.16);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}
}

@supports not (background-image: image-set(url('../img/laklimat-mobile-red-wallpaper-light.webp') type('image/webp'))) {
	@media (max-width: 900px) {
		.lak-kras-landing .navigation_background {
			background-image:
				linear-gradient(180deg, rgba(35, 0, 0, 0.18), rgba(35, 0, 0, 0.08) 44%, rgba(20, 0, 0, 0.26)),
				linear-gradient(145deg, rgba(255, 105, 90, 0.20), rgba(207, 16, 16, 0.14) 46%, rgba(127, 0, 0, 0.18)),
				url('../img/laklimat-mobile-red-wallpaper-light.png') !important;
		}
	}
}
.elevator.elevator-test-buttons:hover {
	opacity: 1;
	filter: none;
	cursor: default;
}
.elevator.elevator-test-buttons .elevator__button {
	margin: 0;
}

.lak-kras-landing .navigation_background {
	background-color: transparent !important;
	background-image: url('../img/rotator_bg.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size: cover !important;
	background-blend-mode: normal !important;
}

.lak-kras-landing .footer_bg {
	background-color: transparent !important;
	background-image: url('../img/footer_bg_01.jpg') !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	background-blend-mode: normal !important;
}
.lak-kras-landing .footer_bg::before {
	background: transparent !important;
}

@media (max-width: 900px) {
	.elevator.elevator-test-buttons {
		bottom: 92px;
		left: 12px;
		width: 42px;
	}
	.amm_button_block span {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		line-height: 0 !important;
	}
	.amm_button_block span img {
		display: block !important;
		position: static !important;
		width: 30px !important;
		height: 30px !important;
		margin: 0 !important;
		object-fit: contain !important;
		vertical-align: middle !important;
	}
		.lak-kras-landing .navigation_background {
		background-color: #b40000 !important;
		background-image:
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			linear-gradient(145deg, rgba(255, 105, 90, 0.86), rgba(207, 16, 16, 0.9) 46%, rgba(127, 0, 0, 0.94)),
			url('../img/footer_bg.jpg') !important;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
		background-position: -20px 22px, 92% 16%, 78% 88%, 14% 76%, 48% 12%, 62% 54%, 24% 40%, 98% 62%, 42% 90%, center center, center center !important;
		background-size: 132px auto, 68px auto, 128px auto, 54px auto, 42px auto, 82px auto, 50px auto, 58px auto, 38px auto, cover, cover !important;
		background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal !important;
	}
	.lak-kras-landing .footer_bg {
		background-color: #b40000 !important;
		background-image:
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			url('../img/laklimat-flame-transparent.svg'),
			linear-gradient(145deg, rgba(255, 105, 90, 0.86), rgba(207, 16, 16, 0.9) 46%, rgba(127, 0, 0, 0.94)),
			url('../img/footer_bg.jpg') !important;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
		background-position: -20px 22px, 92% 16%, 78% 88%, 14% 76%, 48% 12%, 62% 54%, 24% 40%, 98% 62%, 42% 90%, center center, center center !important;
		background-size: 132px auto, 68px auto, 128px auto, 54px auto, 42px auto, 82px auto, 50px auto, 58px auto, 38px auto, cover, cover !important;
		background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal, normal, normal !important;
	}
	.lak-kras-landing .footer_bg::before {
		background: rgba(115, 0, 0, 0.28) !important;
	}
}

/*
 * LAKLIMAT — финальное подключение пакета мобильного фона.
 * Этот блок находится в конце файла и перекрывает предыдущие мобильные фоны.
 */
@media (max-width: 900px) {
	.lak-kras-landing .navigation_background {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		background-color: #8f0505 !important;
		background-image:
			linear-gradient(180deg, rgba(38, 0, 0, 0.36), rgba(38, 0, 0, 0.22) 42%, rgba(18, 0, 0, 0.48)),
			linear-gradient(145deg, rgba(190, 38, 30, 0.16), rgba(132, 0, 0, 0.18) 46%, rgba(58, 0, 0, 0.28)),
			image-set(
				url('../img/laklimat-mobile-red-wallpaper.webp') type('image/webp'),
				url('../img/laklimat-mobile-red-wallpaper.png') type('image/png')
			) !important;
		background-repeat: no-repeat, no-repeat, no-repeat !important;
		background-position: center center, center center, center top !important;
		background-size: cover, cover, cover !important;
		background-blend-mode: normal, multiply, normal !important;
		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
	}

	.lak-kras-landing .navigation_background::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(circle at 24% 12%, rgba(255, 120, 96, 0.10), transparent 31%),
			radial-gradient(circle at 86% 88%, rgba(0, 0, 0, 0.24), transparent 38%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.24));
	}

	.lak-kras-landing .navigation_background > * {
		position: relative;
		z-index: 1;
	}

	.lak-kras-landing .navigation_background,
	.lak-kras-landing .navigation_background h1,
	.lak-kras-landing .navigation_background h2,
	.lak-kras-landing .navigation_background h3,
	.lak-kras-landing .navigation_background p,
	.lak-kras-landing .navigation_background li,
	.lak-kras-landing .navigation_background a {
		color: #ffffff !important;
	}

	.lak-kras-landing .navigation_background .utp,
	.lak-kras-landing .navigation_background .utp-card,
	.lak-kras-landing .navigation_background .advantage-card,
	.lak-kras-landing .navigation_background .feature-card {
		background: rgba(72, 0, 0, 0.28);
		border: 1px solid rgba(255, 255, 255, 0.14);
		box-shadow: 0 14px 34px rgba(0, 0, 0, 0.20);
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
	}
}

@supports not (background-image: image-set(url('../img/laklimat-mobile-red-wallpaper.webp') type('image/webp'))) {
	@media (max-width: 900px) {
		.lak-kras-landing .navigation_background {
			background-image:
				linear-gradient(180deg, rgba(38, 0, 0, 0.36), rgba(38, 0, 0, 0.22) 42%, rgba(18, 0, 0, 0.48)),
				linear-gradient(145deg, rgba(190, 38, 30, 0.16), rgba(132, 0, 0, 0.18) 46%, rgba(58, 0, 0, 0.28)),
				url('../img/laklimat-mobile-red-wallpaper.png') !important;
		}
	}
}
/*
 * LAKLIMAT — финальное подключение светлого мобильного фона.
 * Этот блок находится самым последним и перекрывает тёмный вариант.
 */
@media (max-width: 900px) {
	.lak-kras-landing .navigation_background {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		background-color: #b40000 !important;
		background-image:
			linear-gradient(180deg, rgba(35, 0, 0, 0.18), rgba(35, 0, 0, 0.08) 44%, rgba(20, 0, 0, 0.26)),
			linear-gradient(145deg, rgba(255, 105, 90, 0.20), rgba(207, 16, 16, 0.14) 46%, rgba(127, 0, 0, 0.18)),
			image-set(
				url('../img/laklimat-mobile-red-wallpaper-light.webp') type('image/webp'),
				url('../img/laklimat-mobile-red-wallpaper-light.png') type('image/png')
			) !important;
		background-repeat: no-repeat, no-repeat, no-repeat !important;
		background-position: center center, center center, center top !important;
		background-size: cover, cover, cover !important;
		background-blend-mode: normal, soft-light, normal !important;
		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
	}

	.lak-kras-landing .navigation_background::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(circle at 24% 12%, rgba(255, 150, 120, 0.12), transparent 34%),
			radial-gradient(circle at 90% 92%, rgba(0, 0, 0, 0.12), transparent 42%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.14));
	}

	.lak-kras-landing .navigation_background > * {
		position: relative;
		z-index: 1;
	}

	.lak-kras-landing .navigation_background,
	.lak-kras-landing .navigation_background h1,
	.lak-kras-landing .navigation_background h2,
	.lak-kras-landing .navigation_background h3,
	.lak-kras-landing .navigation_background p,
	.lak-kras-landing .navigation_background li,
	.lak-kras-landing .navigation_background a {
		color: #ffffff !important;
	}

	.lak-kras-landing .navigation_background .utp,
	.lak-kras-landing .navigation_background .utp-card,
	.lak-kras-landing .navigation_background .advantage-card,
	.lak-kras-landing .navigation_background .feature-card {
		background: rgba(85, 0, 0, 0.18);
		border: 1px solid rgba(255, 255, 255, 0.16);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}
}

@supports not (background-image: image-set(url('../img/laklimat-mobile-red-wallpaper-light.webp') type('image/webp'))) {
	@media (max-width: 900px) {
		.lak-kras-landing .navigation_background {
			background-image:
				linear-gradient(180deg, rgba(35, 0, 0, 0.18), rgba(35, 0, 0, 0.08) 44%, rgba(20, 0, 0, 0.26)),
				linear-gradient(145deg, rgba(255, 105, 90, 0.20), rgba(207, 16, 16, 0.14) 46%, rgba(127, 0, 0, 0.18)),
				url('../img/laklimat-mobile-red-wallpaper-light.png') !important;
		}
	}
}
/*
 * LAKLIMAT — финальное подключение мобильного фона v3.
 * Этот блок находится самым последним и перекрывает light и dark варианты.
 */
@media (max-width: 900px) {
	.lak-kras-landing .navigation_background {
		position: relative;
		isolation: isolate;
		overflow: hidden;

		background-color: #b40000 !important;

		background-image:
			linear-gradient(180deg, rgba(25, 0, 0, 0.08), rgba(25, 0, 0, 0.02) 42%, rgba(25, 0, 0, 0.08)),
			linear-gradient(145deg, rgba(255, 38, 26, 0.09), rgba(180, 0, 0, 0.05) 52%, rgba(120, 0, 0, 0.06)),
			image-set(
				url('../img/laklimat-mobile-red-wallpaper-v3.webp') type('image/webp'),
				url('../img/laklimat-mobile-red-wallpaper-v3.png') type('image/png')
			) !important;

		background-repeat: no-repeat, no-repeat, no-repeat !important;
		background-position: center center, center center, center top !important;
		background-size: cover, cover, cover !important;
		background-blend-mode: normal, soft-light, normal !important;

		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	}

	.lak-kras-landing .navigation_background::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(ellipse at 50% 46%, rgba(0, 0, 0, 0.18), transparent 56%),
			radial-gradient(circle at 18% 16%, rgba(255, 120, 95, 0.10), transparent 34%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.06));
	}

	.lak-kras-landing .navigation_background > * {
		position: relative;
		z-index: 1;
	}

	.lak-kras-landing .navigation_background,
	.lak-kras-landing .navigation_background h1,
	.lak-kras-landing .navigation_background h2,
	.lak-kras-landing .navigation_background h3,
	.lak-kras-landing .navigation_background p,
	.lak-kras-landing .navigation_background li,
	.lak-kras-landing .navigation_background a {
		color: #ffffff !important;
	}

	.lak-kras-landing .navigation_background .utp,
	.lak-kras-landing .navigation_background .utp-card,
	.lak-kras-landing .navigation_background .advantage-card,
	.lak-kras-landing .navigation_background .feature-card {
		background: rgba(70, 0, 0, 0.14);
		border: 1px solid rgba(255, 255, 255, 0.15);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}
}

@supports not (background-image: image-set(url('../img/laklimat-mobile-red-wallpaper-v3.webp') type('image/webp'))) {
	@media (max-width: 900px) {
		.lak-kras-landing .navigation_background {
			background-image:
				linear-gradient(180deg, rgba(25, 0, 0, 0.08), rgba(25, 0, 0, 0.02) 42%, rgba(25, 0, 0, 0.08)),
				linear-gradient(145deg, rgba(255, 38, 26, 0.09), rgba(180, 0, 0, 0.05) 52%, rgba(120, 0, 0, 0.06)),
				url('../img/laklimat-mobile-red-wallpaper-v3.png') !important;
		}
	}
}
/*
 * LAKLIMAT — финальное подключение мобильного фона v4.
 *
 * Версия v4 сделана примерно на 25% светлее версии v3.
 *
 * Задача:
 * - фон должен лучше сочетаться с яркой красной шапкой сайта;
 * - фон должен быть светлее и живее;
 * - белый УТП-текст должен оставаться читаемым;
 * - декоративное пламя должно оставаться фоновым, не броским.
 *
 * Ожидаемые файлы:
 * ../img/laklimat-mobile-red-wallpaper-v4.webp
 * ../img/laklimat-mobile-red-wallpaper-v4.png
 */

@media (max-width: 900px) {
	.lak-kras-landing .navigation_background {
		position: relative;
		isolation: isolate;
		overflow: hidden;

		background-color: #c21a12 !important;

		/*
		 * В v4 сам фон светлее, поэтому глобальные затемняющие плёнки
		 * оставлены очень лёгкими. Основная защита текста находится в ::before.
		 */
		background-image:
			linear-gradient(180deg, rgba(25, 0, 0, 0.05), rgba(25, 0, 0, 0.01) 42%, rgba(25, 0, 0, 0.05)),
			linear-gradient(145deg, rgba(255, 48, 36, 0.08), rgba(190, 10, 6, 0.04) 52%, rgba(145, 0, 0, 0.05)),
			image-set(
				url('../img/laklimat-mobile-red-wallpaper-v4.webp') type('image/webp'),
				url('../img/laklimat-mobile-red-wallpaper-v4.png') type('image/png')
			) !important;

		background-repeat: no-repeat, no-repeat, no-repeat !important;
		background-position: center center, center center, center top !important;
		background-size: cover, cover, cover !important;
		background-blend-mode: normal, soft-light, normal !important;

		color: #ffffff;
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);
	}

	/*
	 * Локальная зона читаемости.
	 * Так как v4 светлее, центральная страховка чуть сильнее,
	 * но она не затемняет весь фон, а работает только под зоной УТП.
	 */
	.lak-kras-landing .navigation_background::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(ellipse at 50% 46%, rgba(0, 0, 0, 0.22), transparent 56%),
			radial-gradient(circle at 18% 16%, rgba(255, 145, 120, 0.10), transparent 34%),
			linear-gradient(180deg, rgba(0, 0, 0, 0.00), rgba(0, 0, 0, 0.05));
	}

	.lak-kras-landing .navigation_background > * {
		position: relative;
		z-index: 1;
	}

	.lak-kras-landing .navigation_background,
	.lak-kras-landing .navigation_background h1,
	.lak-kras-landing .navigation_background h2,
	.lak-kras-landing .navigation_background h3,
	.lak-kras-landing .navigation_background p,
	.lak-kras-landing .navigation_background li,
	.lak-kras-landing .navigation_background a {
		color: #ffffff !important;
	}

	.lak-kras-landing .navigation_background .utp,
	.lak-kras-landing .navigation_background .utp-card,
	.lak-kras-landing .navigation_background .advantage-card,
	.lak-kras-landing .navigation_background .feature-card {
		background: rgba(70, 0, 0, 0.12);
		border: 1px solid rgba(255, 255, 255, 0.15);
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.11);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
	}
}

@supports not (background-image: image-set(url('../img/laklimat-mobile-red-wallpaper-v4.webp') type('image/webp'))) {
	@media (max-width: 900px) {
		.lak-kras-landing .navigation_background {
			background-image:
				linear-gradient(180deg, rgba(25, 0, 0, 0.05), rgba(25, 0, 0, 0.01) 42%, rgba(25, 0, 0, 0.05)),
				linear-gradient(145deg, rgba(255, 48, 36, 0.08), rgba(190, 10, 6, 0.04) 52%, rgba(145, 0, 0, 0.05)),
				url('../img/laklimat-mobile-red-wallpaper-v4.png') !important;
		}
	}
}
/*
 * LAKLIMAT — mobile header gradient for v4 landing background, 2026-05-01.
 * Scope: mobile header only. Desktop header remains unchanged.
 */
@media (max-width: 900px) {
	body > header {
		background-color: #f01414;
		background-image: linear-gradient(
			180deg,
			#ff1717 0%,
			#f01414 42%,
			#d51b16 100%
		) !important;
		background-repeat: no-repeat !important;
		background-size: 100% 100% !important;
		border-bottom: 1px solid rgba(130, 0, 0, 0.24);
		box-shadow: 0 8px 18px rgba(107, 0, 0, 0.12);
	}

	body > header > .only-mobile {
		min-height: 32px;
	}

	body > header .navicon-line {
		background-color: #ffffff;
		box-shadow: 0 1px 2px rgba(95, 0, 0, 0.22);
	}

	body > header .only-mobile .menu a[href^="tel:"] {
		background: rgba(255, 255, 255, 0.14);
		border-color: rgba(255, 255, 255, 0.72);
		box-shadow: 0 1px 4px rgba(102, 0, 0, 0.12);
		color: #ffffff !important;
		text-shadow: 0 1px 1px rgba(75, 0, 0, 0.22);
	}

	body > header .only-mobile .menu img {
		filter: drop-shadow(0 1px 1px rgba(72, 0, 0, 0.20));
	}
}

/*
 * LAKLIMAT — mobile footer CTA background and full-width scroll button, 2026-05-02.
 * Scope: mobile landing page only. Desktop remains unchanged.
 */
@media (max-width: 900px) {
	.lak-kras-landing .footer_bg {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		background-color: #f01414 !important;
		background-image: linear-gradient(
			180deg,
			#ff1717 0%,
			#f01414 42%,
			#d51b16 100%
		) !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: 100% 100% !important;
		border-bottom: 0 !important;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);
	}

	.lak-kras-landing .footer_bg::before {
		content: "" !important;
		position: absolute;
		inset: 0;
		z-index: -1;
		pointer-events: none;
		background:
			radial-gradient(ellipse at 50% 36%, rgba(255, 255, 255, 0.12), transparent 54%),
			linear-gradient(180deg, rgba(80, 0, 0, 0.02), rgba(80, 0, 0, 0.12)) !important;
	}

	.lak-kras-landing .footer_bg .wrapper {
		position: relative;
		z-index: 1;
		padding-bottom: 34px !important;
	}

	.elevator.elevator-test-buttons {
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 8px 14px calc(8px + env(safe-area-inset-bottom));
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 -10px 24px rgba(83, 0, 0, 0.18);
		z-index: 1000;
		box-sizing: border-box;
	}

	.elevator.elevator-test-buttons .elevator__button {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: center;
		gap: 10px;
		width: 100%;
		min-height: 54px;
		height: auto;
		margin: 0;
		padding: 13px 18px;
		border: 1px solid rgba(150, 0, 0, 0.18);
		border-radius: 16px;
		background: linear-gradient(180deg, #ff1c1c 0%, #e60000 100%);
		box-shadow: 0 10px 22px rgba(230, 0, 0, 0.24);
		color: #ffffff;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.15;
		letter-spacing: 0;
		text-align: center;
		text-shadow: 0 1px 1px rgba(84, 0, 0, 0.24);
	}

	.elevator.elevator-test-buttons .elevator__button::before {
		content: "↑";
		position: static;
		left: auto;
		top: auto;
		width: auto;
		height: auto;
		border: 0;
		color: inherit;
		font-size: 26px;
		font-weight: 800;
		line-height: 1;
		transform: none;
		flex: 0 0 auto;
	}

	.elevator.elevator-test-buttons .elevator__button::after {
		display: none;
	}

	.elevator.elevator-test-buttons .elevator__button-label {
		display: inline-block;
		padding-left: 8px;
		color: inherit !important;
	}

	.elevator.elevator-test-buttons.elevator--after-landing-footer {
		position: static;
		width: auto;
		margin: 16px 14px 24px;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}

	.elevator.elevator-test-buttons.elevator--after-landing-footer .elevator__button {
		background: #ffffff;
		border-color: rgba(255, 0, 0, 0.20);
		box-shadow: 0 10px 24px rgba(150, 0, 0, 0.14);
		color: #e00000;
		text-shadow: none;
	}

	.elevator.elevator-test-buttons.elevator--after-landing-footer + .amm_button_block {
		margin-top: 0;
	}

	.amm_button_block {
		bottom: calc(82px + env(safe-area-inset-bottom)) !important;
	}

	.elevator.elevator-test-buttons.elevator--after-landing-footer ~ .amm_button_block {
		bottom: calc(104px + env(safe-area-inset-bottom)) !important;
	}
}

@media (min-width: 901px) {
	.elevator__button-label {
		display: none;
	}
}

/*
 * LAKLIMAT — mobile header and CMS card adaptation, 2026-05-02.
 * Scope: mobile public site only. CMS content and templates remain editable as before.
 */
@media (max-width: 900px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	body > header {
		box-sizing: border-box;
		padding-top: 17px;
		padding-bottom: 15px;
	}

	body > header > .only-mobile {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 38px;
		padding: 0 58px;
		box-sizing: border-box;
	}

	body > header > .only-mobile > div[style*="float"] {
		display: none !important;
	}

	body > header .only-mobile .navicon {
		position: absolute;
		top: 50%;
		right: 18px;
		float: none;
		margin: 0;
		transform: translateY(-50%);
	}

	body > header .only-mobile .menu {
		display: flex;
		justify-content: center;
		width: 100%;
		min-width: 0;
		text-align: center;
	}

	body > header .only-mobile .menu .averin_editor_section,
	body > header .only-mobile .menu .averin_editor_editable {
		display: flex;
		justify-content: center;
		width: 100%;
		min-width: 0;
	}

	body > header .only-mobile .menu a[href^="tel:"] {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		max-width: 100%;
		box-sizing: border-box;
		white-space: nowrap;
	}

	body > header .only-mobile .menu a[href^="tel:"] img {
		flex: 0 0 auto;
		margin-left: 0;
	}

	.lak-kras-landing .footer_bg center {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.lak-kras-landing .footer_bg .h3 {
		display: block;
		width: 100%;
		max-width: 330px;
		margin: 0 auto;
		line-height: 1.24;
		text-align: center;
	}

	.lak-kras-landing .footer_bg .phone,
	.lak-kras-landing .footer_bg .phone .get_ajax_phone,
	.lak-kras-landing .footer_bg .phone a {
		display: inline-block;
		white-space: nowrap;
	}

	.lak-kras-landing .footer_bg .h3 .phone {
		display: block;
		margin: 2px auto 0;
		text-align: center;
	}

	.service,
	.adv_blocks,
	.lak-kras-landing .main_bg .is-row {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	.service_block,
	.block,
	.card,
	.adv_blocks .adv_block,
	.adv_blocks .adv_block div.adv_block_info,
	.lak-kras-landing .polomki {
		max-width: 100%;
		box-sizing: border-box;
	}

	.service_block {
		flex: 0 1 100%;
		width: 100%;
		margin: 10px 0;
		padding: 18px;
	}

	.service_block img,
	.block img,
	.card img,
	.adv_blocks img {
		display: block;
		max-width: 100% !important;
		height: auto !important;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
	}

	.lak-kras-landing .main_bg .is-row > [class^="is-"],
	.lak-kras-landing .main_bg .is-row > [class*=" is-"] {
		max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 370px) {
	body > header > .only-mobile {
		padding-left: 10px;
		padding-right: 50px;
		justify-content: flex-start;
	}

	body > header .only-mobile .menu a[href^="tel:"] {
		padding-left: 10px;
		padding-right: 10px;
		font-size: 17px !important;
	}
}