/* Подвал Lerofabric: 4 колонки. ≥1200 — flex + space-between (равные промежутки), края 100px у inner. 768–1199 — 2×N. ≤767 — столбик. Rubik */

.lf-footer {
	/* flex-ребёнок #bx_eshop_wrap: явно тянем на всю ширину, иначе ряд колонок сжимается и space-evenly не работает */
	align-self: stretch;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	--lf-footer-bg: #000000;
	--lf-footer-text: #d1d5dc;
	--lf-footer-muted: #d1d5dc;
	/* Текст под заголовками колонок */
	--lf-footer-col-body-size: 14px;
	--lf-footer-col-body-line: 20px;
	--lf-footer-col-body-weight: 400;
	--lf-footer-col-body-color: #ffffff;
	--lf-footer-col-body-spacing: 0;
	/* Заголовки колонок (h2): размер + в Figma fill #fff + opacity слоя 60% */
	--lf-footer-col-title-size: 16px;
	--lf-footer-col-title-line: 22px;
	--lf-footer-col-title-color: rgba(255, 255, 255, 0.6);
	/* Figma: от заголовка колонки до списка 32px; между строками в списке 24px */
	--lf-footer-title-to-body: 32px;
	--lf-footer-text-gap: 24px;
	/* Мин. высота строки списка = иконка в «Контактах» (24px), чтобы шаг строк + gap совпадал с соседними колонками */
	--lf-footer-list-row-min: 24px;
	/* От низа блока с колонками до разделительной линии (.lf-footer__bottom border-top) */
	--lf-footer-grid-to-line: 80px;
	/* Высота чёрной полосы под разделителем (от нижней границы линии до низа блока), без учёта 1px border-top */
	--lf-footer-bottom-height: 68px;
	/* Целевой отступ линии и текста нижней полосы от левого/правого края экрана (см. margin/width у .lf-footer__bottom) */
	--lf-footer-bottom-pad-x: 48px;
	--lf-footer-line: #2a3038;
	/* ≥1200: отступ от края экрана до контента футера (через .lf-footer__inner) */
	--lf-footer-edge-inset-x: 100px;
	/* От низа логотипа до верха колонок */
	--lf-footer-logo-to-grid: 100px;
	--lf-footer-map-bg: #2a3038;
	/* Логотип-картинка с белой шапки → светлый силуэт в подвале; для цветного файла задайте none */
	--lf-footer-logo-img-filter: brightness(0) invert(1);
	/* В шапке логотип 48px; в подвале крупнее */
	--lf-footer-logo-img-height: 72px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background: var(--lf-footer-bg);
	color: var(--lf-footer-muted);
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.45;
}

.lf-footer *,
.lf-footer *::before,
.lf-footer *::after {
	box-sizing: border-box;
}

.lf-footer a {
	color: var(--lf-footer-muted);
	text-decoration: none;
	transition: color 0.15s ease, opacity 0.15s ease;
}

.lf-footer a:hover {
	color: #fff;
}

.lf-footer__grid .lf-footer__col a {
	color: var(--lf-footer-col-body-color, #ffffff);
}

.lf-footer__grid .lf-footer__col a:hover {
	color: var(--lf-footer-col-title-color, rgba(255, 255, 255, 0.6));
}

.lf-footer__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
	/* Fallback clamp — если переменная недоступна (старый кэш без header-custom) */
	padding: 0 var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px));
}

@media (min-width: 1200px) {
	.lf-footer__inner {
		padding-left: var(--lf-footer-edge-inset-x, 100px);
		padding-right: var(--lf-footer-edge-inset-x, 100px);
	}
}

/* Сетка: без flex-grow — иначе при min-height у футера main растягивается и между колонками и линией появляется лишняя пустота поверх --lf-footer-grid-to-line */
.lf-footer__main {
	display: block;
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: 0 0 var(--lf-footer-grid-to-line, 80px);
}

/* Логотип по центру; сверху 100px от начала main, снизу — до колонок (--lf-footer-logo-to-grid) */
.lf-footer__logo-row {
	width: 100%;
	max-width: 100%;
	padding-top: 100px;
	padding-bottom: var(--lf-footer-logo-to-grid, 100px);
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.lf-footer__logo-row .lf-footer__brand-link {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 0;
	box-sizing: border-box;
}

.lf-footer__grid {
	/* Одинаковый шаг между колонками (flex gap / grid gap) */
	--lf-footer-col-gap: 28px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	column-gap: var(--lf-footer-col-gap);
	row-gap: var(--lf-footer-col-gap);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

/* Одинаковый шаг между колонками: только gap, без боковых margin у ячеек */
.lf-footer__grid > .lf-footer__col {
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 1200px) {
	/* 100px по краям — у .lf-footer__inner; здесь колонки max-content, промежутки между ними равные (space-between) */
	.lf-footer__grid {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		justify-content: space-between;
		gap: 0;
		column-gap: 0;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.lf-footer__grid > .lf-footer__col {
		flex: 0 0 auto;
		width: max-content;
		max-width: 100%;
		min-width: 0;
	}
}

.lf-footer__col {
	flex: 0 0 auto;
	width: max-content;
	max-width: 100%;
	min-width: 0;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: var(--lf-footer-col-body-size, 14px);
	font-weight: var(--lf-footer-col-body-weight, 400);
	line-height: var(--lf-footer-col-body-line, 20px);
	letter-spacing: var(--lf-footer-col-body-spacing, 0);
	color: var(--lf-footer-col-body-color, #ffffff);
}

/* Планшет и узкий десктоп: сетка 2×N; реквизиты и контакты — на всю ширину */
@media (min-width: 768px) and (max-width: 1199px) {
	.lf-footer__main {
		padding: 0 0 var(--lf-footer-grid-to-line, 80px);
	}

	.lf-footer__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-flow: row;
		column-gap: var(--lf-footer-col-gap);
		row-gap: var(--lf-footer-col-gap);
		justify-content: stretch;
		justify-items: stretch;
		align-items: start;
	}

	.lf-footer__col {
		width: 100%;
		max-width: none;
		min-width: 0;
	}

	.lf-footer__col--requisites,
	.lf-footer__col--contacts {
		grid-column: 1 / -1;
	}
}

/* Узкий полноценный ряд (1200–1399): длинные ссылки переносятся */
@media (min-width: 1200px) and (max-width: 1399px) {
	.lf-footer__col {
		min-width: 0;
	}

	.lf-footer__nav .nav-link,
	.lf-footer__contact {
		overflow-wrap: anywhere;
	}
}

/* Телефоны и узкие планшеты в портрете: одна колонка */
@media (max-width: 767px) {
	.lf-footer__main {
		padding: 0 0 var(--lf-footer-grid-to-line, 80px);
	}

	.lf-footer__grid {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		column-gap: var(--lf-footer-col-gap);
		row-gap: var(--lf-footer-col-gap);
	}

	.lf-footer__col {
		width: 100%;
		max-width: none;
	}

	.lf-footer__address--contacts {
		width: 100%;
		max-width: 100%;
	}

	.lf-footer__address-text {
		min-width: 0;
	}

	.lf-footer h2.lf-footer__col-title {
		margin-bottom: var(--lf-footer-title-to-body, 32px);
	}

	.lf-footer__logo-row {
		padding-top: 100px;
		padding-bottom: var(--lf-footer-logo-to-grid, 100px);
	}

	.lf-footer__contact > span {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}

/* h2 + класс: перебиваем Reboot/Bitrix (у h2 часто font-weight:500, line-height:1.2) */
.lf-footer h2.lf-footer__col-title {
	margin: 0 0 var(--lf-footer-title-to-body, 32px);
	padding: 0;
	border: 0;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: var(--lf-footer-col-title-size, 16px) !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: var(--lf-footer-col-title-line, 22px) !important;
	letter-spacing: 0 !important;
	color: var(--lf-footer-col-title-color) !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Колонка «Реквизиты» (логотип — в .lf-footer__logo-row) */
.lf-footer__col--requisites {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: visible;
}

/* Ссылка на главную с логотипом (в шапке и в .lf-footer__logo-row) */
.lf-footer__brand-link {
	text-decoration: none;
	color: #fff;
}

.lf-footer__brand-link:hover {
	color: #fff;
}

/* Подпись рядом с маркером: белый основной текст логотипа на тёмном фоне */
.lf-footer__brand-link .lf-header__brand-text {
	color: #fff;
	font-weight: 700;
}

.lf-footer__brand-link:hover .lf-header__brand-text {
	color: #f2f5f9;
}

/*
 * Маркер в подвале: светлый фон, буквы чёрные.
 * Ссылка .lf-footer a:hover задаёт color: #fff — без явного правила на :hover буквы
 * могли наследовать белый; !important фиксирует читаемость.
 */
.lf-footer a.lf-footer__brand-link .lf-header__logo-mark,
.lf-footer a.lf-footer__brand-link:hover .lf-header__logo-mark,
.lf-footer a.lf-footer__brand-link:focus-visible .lf-header__logo-mark {
	width: var(--lf-footer-logo-img-height, 72px);
	height: var(--lf-footer-logo-img-height, 72px);
	border-radius: 14px;
	font-size: calc(var(--lf-footer-logo-img-height, 72px) * 0.36);
	background: #f2f4f7 !important;
	color: #000 !important;
	-webkit-text-fill-color: #000;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

/* Картинка логотипа в подвале: выше шапки (--lf-footer-logo-img-height) */
.lf-footer__brand-link .lf-header__logo-img,
.lf-footer__brand-link .lf-footer__logo-img {
	display: block;
	flex-shrink: 0;
	width: auto;
	height: var(--lf-footer-logo-img-height, 72px);
	max-height: var(--lf-footer-logo-img-height, 72px);
	max-width: min(720px, 94vw);
	object-fit: contain;
	object-position: center center;
}

.lf-footer__brand-link .lf-header__logo-img {
	filter: var(--lf-footer-logo-img-filter);
}

.lf-footer__brand-link .lf-footer__logo-img {
	filter: none !important;
	isolation: isolate;
}

/* Цветной логотип без инверсии: class на ссылке в footer.php */
.lf-footer__brand-link--logo-color .lf-header__logo-img {
	filter: none;
}

/* Реквизиты: шаг между строками — как в макете (24px) */
.lf-footer__req--inline {
	display: flex;
	flex-direction: column;
	gap: var(--lf-footer-text-gap, 24px);
	margin: 0;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: var(--lf-footer-col-body-size, 14px);
	font-weight: var(--lf-footer-col-body-weight, 400);
	font-style: normal;
	line-height: var(--lf-footer-col-body-line, 20px);
	letter-spacing: var(--lf-footer-col-body-spacing, 0);
	color: var(--lf-footer-col-body-color, #ffffff);
}

.lf-footer__req--inline p {
	margin: 0;
	min-height: var(--lf-footer-list-row-min, 24px);
}

/* Колонка «Контакты»: телефон, почта, адрес, соцсети */
.lf-footer__col--contacts {
	--lf-contact-icon-col: 24px;
	--lf-contact-icon-gap: 12px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-width: 0;
}

/* Иконка + текст адреса: та же сетка, что у .lf-footer__contact (иконка | текст) */
.lf-footer__address {
	display: grid;
	grid-template-columns: var(--lf-contact-icon-col, 24px) minmax(0, 1fr);
	column-gap: var(--lf-contact-icon-gap, 12px);
	align-items: start;
	justify-items: stretch;
	margin: 0 0 var(--lf-footer-text-gap, 24px);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: var(--lf-footer-col-body-size, 14px);
	font-weight: var(--lf-footer-col-body-weight, 400);
	font-style: normal;
	line-height: var(--lf-footer-col-body-line, 20px);
	letter-spacing: var(--lf-footer-col-body-spacing, 0);
	color: var(--lf-footer-col-body-color, #ffffff);
}

.lf-footer__address--contacts {
	margin-top: 0;
	margin-bottom: var(--lf-footer-text-gap, 24px);
	max-width: 100%;
	align-self: stretch;
}

/* Двухстрочный адрес остаётся в колонке текста; лёгкий сдвиг вниз — та же оптика, что у телефона/почты */
.lf-footer__address--contacts .lf-footer__address-text {
	padding-top: 2px;
}

.lf-footer__address-pin {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--lf-contact-icon-col, 24px);
	color: var(--lf-footer-col-body-color, #ffffff);
}

.lf-footer__address-icon {
	display: block;
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	vertical-align: top;
}

.lf-footer__address-text {
	min-width: 0;
	margin: 0;
	line-height: var(--lf-footer-col-body-line, 20px);
	color: var(--lf-footer-col-body-color, #ffffff);
	text-align: left;
	overflow-wrap: anywhere;
}

.lf-footer__address-text :first-child {
	margin-top: 0;
}

.lf-footer__address-text p {
	margin: 0 0 0.35em;
}

.lf-footer__address-text p:last-child {
	margin-bottom: 0;
}

/* «Навигация» / «Каталог»: между пунктами списка 24px (макет Figma) */
.lf-footer__nav .nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--lf-footer-text-gap, 24px);
}

.lf-footer__nav .nav-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.lf-footer__nav .nav-link {
	display: flex;
	align-items: center;
	min-height: var(--lf-footer-list-row-min, 24px);
	padding: 0 !important;
	margin: 0 !important;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: var(--lf-footer-col-body-size, 14px) !important;
	font-weight: var(--lf-footer-col-body-weight, 400) !important;
	font-style: normal;
	letter-spacing: var(--lf-footer-col-body-spacing, 0) !important;
	color: var(--lf-footer-col-body-color, #ffffff) !important;
	line-height: var(--lf-footer-col-body-line, 20px) !important;
	border: none !important;
	box-sizing: border-box;
}

.lf-footer__nav .nav-link:hover {
	color: var(--lf-footer-col-title-color, rgba(255, 255, 255, 0.6)) !important;
	background: transparent !important;
}

/* Контакты: сетка — иконка строго в одной колонке, текст во второй (многострочный адрес не уезжает под иконку) */
.lf-footer__contact {
	display: grid;
	grid-template-columns: var(--lf-contact-icon-col, 24px) minmax(0, 1fr);
	column-gap: var(--lf-contact-icon-gap, 12px);
	/* center: иначе при align-items:start из-за метрик шрифта строка визуально «выше» 24×24 иконки */
	align-items: center;
	margin-bottom: var(--lf-footer-text-gap, 24px);
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: var(--lf-footer-col-body-size, 14px);
	font-weight: var(--lf-footer-col-body-weight, 400);
	font-style: normal;
	line-height: var(--lf-footer-col-body-line, 20px);
	letter-spacing: var(--lf-footer-col-body-spacing, 0);
	color: var(--lf-footer-col-body-color, #ffffff);
}

.lf-footer__col--contacts .lf-footer__contact {
	min-height: 0;
	box-sizing: border-box;
}

.lf-footer__col--contacts .lf-footer__contact-icon {
	justify-self: center;
}

.lf-footer__contact--last {
	margin-bottom: 0;
}

.lf-footer__contact-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: block;
	color: var(--lf-footer-col-body-color, #ffffff);
}

.lf-footer__contact a {
	color: var(--lf-footer-col-body-color, #ffffff);
}

.lf-footer__contact a:hover {
	color: var(--lf-footer-col-title-color, rgba(255, 255, 255, 0.6));
}

/* Соцсети: как в шапке (48×48, скругление 12, contain), без теней */
.lf-footer__soc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: var(--lf-footer-text-gap, 24px);
}

.lf-footer__soc--contacts {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	gap: 10px;
}

.lf-footer__soc a.lf-footer__soc--iblock {
	display: inline-block;
	width: 48px;
	height: 48px;
	min-width: 48px;
	min-height: 48px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 12px;
	box-sizing: border-box;
	box-shadow: none;
	background: transparent;
	overflow: visible;
	line-height: 0;
	text-decoration: none;
	vertical-align: middle;
}

.lf-footer__soc a.lf-footer__soc--iblock .lf-footer__soc-iblock-img,
.lf-footer .lf-footer__soc a.lf-footer__soc--iblock .lf-footer__soc-iblock-img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: contain;
	object-position: center;
	border: 0;
	border-radius: 12px;
	box-shadow: none;
	vertical-align: top;
}

/* Нижняя полоса: 68px под линией + 1px border; линия и строка — на --lf-footer-bottom-pad-x от края экрана */
.lf-footer__bottom {
	box-sizing: border-box;
	border-top: 1px solid var(--lf-footer-line);
	min-height: calc(var(--lf-footer-bottom-height, 68px) + 1px);
	height: calc(var(--lf-footer-bottom-height, 68px) + 1px);
	max-height: calc(var(--lf-footer-bottom-height, 68px) + 1px);
	margin-left: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px)));
	margin-right: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px)));
	width: calc(100% + 2 * (var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px)) - var(--lf-footer-bottom-pad-x, 48px)));
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: stretch;
}

/* После базового блока: иначе margin/width с chrome перебивают этот расчёт */
@media (min-width: 1200px) {
	.lf-footer__bottom {
		margin-left: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-footer-edge-inset-x, 100px));
		margin-right: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-footer-edge-inset-x, 100px));
		width: calc(100% + 2 * (var(--lf-footer-edge-inset-x, 100px) - var(--lf-footer-bottom-pad-x, 48px)));
	}
}

.lf-footer__bottom-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
	width: 100%;
	min-height: 0;
}

.lf-footer__copyright {
	margin: 0;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	color: var(--lf-footer-muted);
	flex: 1 1 auto;
	min-width: min(100%, 280px);
}

.lf-footer__legal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px 24px;
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	color: var(--lf-footer-muted);
}

.lf-footer__legal a {
	color: var(--lf-footer-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.lf-footer__legal a:hover {
	color: #fff;
}

@media (max-width: 767px) {
	.lf-footer__bottom {
		height: auto;
		max-height: none;
		min-height: calc(var(--lf-footer-bottom-height, 68px) + 1px);
	}

	.lf-footer__bottom-bar {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.lf-footer__copyright {
		flex: 0 1 auto;
		min-width: 0;
	}

	.lf-footer__legal {
		justify-content: flex-start;
	}
}

/*
 * Цепочка привязана к #bx_eshop_wrap: полная ширина и отступы не «съедаются» стилями из ShowHead().
 * !important только там, где типично перебивают глобальные правила Bitrix/Bootstrap.
 */
#bx_eshop_wrap > footer.lf-footer {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	display: flex !important;
	flex-direction: column !important;
	align-self: stretch;
	box-sizing: border-box;
}

#bx_eshop_wrap > footer.lf-footer h2.lf-footer__col-title {
	font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
	font-size: var(--lf-footer-col-title-size, 16px) !important;
	font-weight: 400 !important;
	line-height: var(--lf-footer-col-title-line, 22px) !important;
	letter-spacing: 0 !important;
	color: var(--lf-footer-col-title-color) !important;
}

#bx_eshop_wrap > footer.lf-footer .lf-footer__inner {
	width: 100% !important;
	max-width: none !important;
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	min-height: 0 !important;
	box-sizing: border-box;
	padding-left: var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px)) !important;
	padding-right: var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px)) !important;
}

@media (min-width: 1200px) {
	#bx_eshop_wrap > footer.lf-footer .lf-footer__inner {
		padding-left: var(--lf-footer-edge-inset-x, 100px) !important;
		padding-right: var(--lf-footer-edge-inset-x, 100px) !important;
	}
}

#bx_eshop_wrap > footer.lf-footer .lf-footer__bottom {
	margin-left: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px))) !important;
	margin-right: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px))) !important;
	width: calc(100% + 2 * (var(--lf-chrome-pad-x, clamp(18px, 3vw, 48px)) - var(--lf-footer-bottom-pad-x, 48px))) !important;
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media (min-width: 1200px) {
	#bx_eshop_wrap > footer.lf-footer .lf-footer__bottom {
		margin-left: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-footer-edge-inset-x, 100px)) !important;
		margin-right: calc(var(--lf-footer-bottom-pad-x, 48px) - var(--lf-footer-edge-inset-x, 100px)) !important;
		width: calc(100% + 2 * (var(--lf-footer-edge-inset-x, 100px) - var(--lf-footer-bottom-pad-x, 48px))) !important;
	}
}

#bx_eshop_wrap > footer.lf-footer .lf-footer__logo-row {
	width: 100% !important;
	max-width: 100% !important;
	padding-top: 100px !important;
	padding-bottom: var(--lf-footer-logo-to-grid, 100px) !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: center !important;
}

#bx_eshop_wrap > footer.lf-footer .lf-footer__main {
	display: block !important;
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
	padding: 0 0 var(--lf-footer-grid-to-line, 80px) !important;
}

#bx_eshop_wrap > footer.lf-footer .lf-footer__grid {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}

#bx_eshop_wrap > footer.lf-footer .lf-footer__grid > .lf-footer__col {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

@media (min-width: 1200px) {
	#bx_eshop_wrap > footer.lf-footer .lf-footer__grid {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		gap: 0 !important;
		column-gap: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	#bx_eshop_wrap > footer.lf-footer .lf-footer__grid > .lf-footer__col {
		flex: 0 0 auto !important;
		width: max-content !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	#bx_eshop_wrap > footer.lf-footer .lf-footer__col--contacts {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		max-width: 100% !important;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#bx_eshop_wrap > footer.lf-footer .lf-footer__main {
		padding: 0 0 var(--lf-footer-grid-to-line, 80px) !important;
	}

	#bx_eshop_wrap > footer.lf-footer .lf-footer__grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		grid-auto-flow: row !important;
		justify-content: stretch !important;
		justify-items: stretch !important;
		align-items: start !important;
		column-gap: var(--lf-footer-col-gap) !important;
		row-gap: var(--lf-footer-col-gap) !important;
	}
}

@media (max-width: 767px) {
	#bx_eshop_wrap > footer.lf-footer .lf-footer__main {
		padding: 0 0 var(--lf-footer-grid-to-line, 80px) !important;
	}

	#bx_eshop_wrap > footer.lf-footer .lf-footer__grid {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		column-gap: var(--lf-footer-col-gap) !important;
		row-gap: var(--lf-footer-col-gap) !important;
		grid-template-columns: unset !important;
		grid-auto-flow: unset !important;
	}

	#bx_eshop_wrap > footer.lf-footer .lf-footer__bottom {
		height: auto !important;
		max-height: none !important;
		min-height: calc(var(--lf-footer-bottom-height, 68px) + 1px) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: stretch !important;
	}
}

@media (min-width: 768px) {
	#bx_eshop_wrap > footer.lf-footer .lf-footer__bottom {
		box-sizing: border-box !important;
		min-height: calc(var(--lf-footer-bottom-height, 68px) + 1px) !important;
		height: calc(var(--lf-footer-bottom-height, 68px) + 1px) !important;
		max-height: calc(var(--lf-footer-bottom-height, 68px) + 1px) !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: stretch !important;
	}

	#bx_eshop_wrap > footer.lf-footer .lf-footer__bottom-bar {
		width: 100% !important;
	}
}