/* Универсальная вёрстка how / pay / delivery */
.breadcrumbs,
.page-title {
	display: none !important;
}

.lh-page {
	--lh-content: 1200px;
	--lh-gap: clamp(20px, 2.5vw, 40px);
	--lh-radius: clamp(24px, 4.5vw, 57px);
	--lh-orange: linear-gradient(90deg, #fe6913 -28.18%, #fda258 116.19%);
	--lh-blue: linear-gradient(64.6deg, #00249c 0%, #2da8d8 99.89%);
	--lh-text-orange: #fc8a17;
	--lh-text-white: #fff;
	font-family: Nunito, system-ui, sans-serif;
	width: 100%;
	max-width: var(--lh-content);
	margin: 0 auto;
	padding: clamp(24px, 3vw, 48px) clamp(10px, 2vw, 32px) clamp(48px, 6vw, 80px);
	box-sizing: border-box;
}

.lh-page *,
.lh-page *::before,
.lh-page *::after {
	box-sizing: border-box;
}

.lh-hero {
	text-align: center;
	margin-bottom: var(--lh-gap);
}

.lh-hero__title {
	margin: 0;
	font-family: Gallinari, "Arial Narrow", Impact, system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(36px, 7.5vw, 96px);
	line-height: 0.95;
	text-transform: uppercase;
	color: #fe5900;
}

.lh-lead {
	margin: 0 0 var(--lh-gap);
	text-align: center;
	font-weight: 700;
	font-size: clamp(16px, 1.6vw, 20px);
	line-height: 1.35;
	color: var(--lh-text-orange);
}

.lh-panel {
	width: 100%;
	background: var(--lh-orange);
	border-radius: var(--lh-radius);
	padding: clamp(28px, 4vw, 48px) clamp(14px, 3vw, 40px);
	display: flex;
	flex-direction: column;
	gap: var(--lh-gap);
	overflow: visible;
}

.lh-section {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: clamp(12px, 2vw, 24px);
	container-type: inline-size;
}

/* Синий blob — у заголовка, одинаково на мобиле и ПК */
.lh-heading {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 clamp(52px, 18cqw, 120px);
	min-height: clamp(48px, 20cqw, 124px);
}

.lh-heading__decor {
	position: absolute;
	top: 50%;
	width: clamp(52px, 20cqw, 124px);
	height: auto;
	pointer-events: none;
	z-index: 2;
}

.lh-heading--decor-left .lh-heading__decor {
	left: 0;
	transform: translate(-70%, -50%);
}

.lh-heading--decor-right .lh-heading__decor {
	right: 0;
	left: auto;
	transform: translate(70%, -50%);
}

/* Оранжевые звёзды — без выноса за край (offset 0) */
.lh-heading--decor-left .lh-heading__decor--accent-left {
	transform: translate(0%, -50%);
}

.lh-heading--decor-right .lh-heading__decor--accent-right {
	transform: translate(0%, -50%);
}

.lh-heading__decor--sm {
	width: clamp(40px, 13cqw, 80px);
}

.lh-heading__title {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	margin: 0;
	font-family: Gallinari, "Arial Narrow", Impact, system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(22px, 4.2vw, 64px);
	line-height: 1.08;
	text-transform: uppercase;
	color: var(--lh-text-white);
	hyphens: manual;
	overflow-wrap: break-word;
}

.lh-text {
	margin: 0;
	text-align: center;
	font-weight: 700;
	font-size: clamp(17px, 2.6vw, 36px);
	line-height: 1.35;
	color: var(--lh-text-white);
}

.lh-text--regular {
	font-weight: 400;
}

.lh-text--bold {
	font-weight: 800;
}

.lh-text--small {
	font-size: clamp(15px, 2vw, 28px);
	line-height: 1.35;
}

.lh-text a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	word-break: break-word;
}

.lh-panel .lh-note {
	margin-top: 0;
}

.lh-note {
	margin-top: var(--lh-gap);
	padding: clamp(24px, 3vw, 36px) clamp(16px, 3vw, 28px);
	border-radius: clamp(24px, 5vw, 75px);
	background: var(--lh-blue);
	color: var(--lh-text-white);
	text-align: center;
	width: 100%;
}

.lh-note__text {
	margin: 0;
	font-weight: 900;
	font-size: clamp(17px, 2.6vw, 36px);
	line-height: 1.35;
	text-transform: uppercase;
}

.lh-note__text .lh-text--regular {
	text-transform: none;
	font-weight: 400;
}

.lh-note__text .lh-text--small {
	font-size: clamp(15px, 2vw, 28px);
	line-height: 1.35;
}

.lh-media {
	display: block;
	width: min(100%, 834px);
	max-width: 100%;
	height: auto;
	margin-inline: auto;
	object-fit: contain;
}

.lh-popup-wrap {
	position: relative;
	container-type: inline-size;
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 100%;
	margin-block: clamp(8px, 2cqw, 20px);
	overflow-x: clip;
	overflow-y: visible;
}

.lh-popup-wrap .lh-blob-bg {
	position: absolute;
	left: 50%;
	top: 52%;
	width: min(100cqw, 737px);
	max-width: 100%;
	height: auto;
	transform: translate(-50%, -46%);
	object-fit: contain;
	opacity: 0.4;
	pointer-events: none;
	z-index: 0;
}

.lh-media--popup {
	position: relative;
	z-index: 1;
	width: min(100%, 440px);
	margin-inline: auto;
	filter: drop-shadow(18px 18px 23px rgba(0, 0, 0, 0.25));
}

.lh-media--card-illus {
	width: min(100%, 320px);
	max-width: 100%;
}

.lh-media--payment-collage {
	margin-left: auto;
	margin-right: 0;
	transform: translateX(clamp(8px, 2.5cqw, 28px));
}

/* СБП: колонка, в ряд только если секция широкая */
.lh-row {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(16px, 3vw, 28px);
	width: 100%;
}

.lh-row .lh-media {
	width: min(100%, 280px);
	max-width: 38%;
	flex-shrink: 0;
}

.lh-row .lh-text {
	width: 100%;
}

@container (min-width: 560px) {
	.lh-row {
		flex-direction: row;
		align-items: flex-start;
		text-align: left;
	}

	.lh-row .lh-media {
		width: min(38%, 326px);
	}

	.lh-row .lh-text {
		flex: 1;
		text-align: left;
	}
}

.lh-steps {
	background: #fff;
	border-radius: clamp(20px, 4vw, 75px);
	box-shadow: 18px 18px 23px rgba(0, 0, 0, 0.25);
	padding: clamp(24px, 3vw, 40px) clamp(16px, 3vw, 48px);
	color: #222;
	width: 100%;
}

.lh-steps__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: clamp(14px, 2.5vw, 24px);
}

.lh-steps__item {
	font-weight: 700;
	font-size: clamp(17px, 2.6vw, 36px);
	line-height: 1.35;
}

.lh-steps__item strong {
	font-size: clamp(26px, 4vw, 48px);
	font-weight: 900;
	margin-right: 0.15em;
}

/* Карта + «Важно»: карта сверху справа, блок снизу с наложением */
.lh-section--card {
	overflow: visible;
}

.lh-section--card .lh-card-stack {
	container-type: inline-size;
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
}

.lh-section--card .lh-media--card-panel {
	grid-column: 1;
	grid-row: 1;
	justify-self: end;
	align-self: start;
	width: min(72cqw, 487px);
	max-width: 100%;
	height: auto;
	margin: clamp(-40px, -4cqw, 0) clamp(0px, 1cqw, 12px) clamp(-48px, -5cqw, -16px) 0;
	transform: translateY(clamp(24px, 6cqw, 48px));
	z-index: 0;
	filter: drop-shadow(18px 18px 23px rgba(0, 0, 0, 0.25));
}

.lh-section--card .lh-media--card-illus {
	grid-column: 1;
	grid-row: 1;
	justify-self: end;
	align-self: start;
	width: min(52cqw, 380px);
	max-width: 100%;
	margin: clamp(-100px, -8cqw, -20px) clamp(0px, 2cqw, 16px) clamp(-64px, -6cqw, -24px) 0;
	transform: translateY(clamp(16px, 5cqw, 40px));
	z-index: 1;
}

.lh-section--card .lh-card-stack .lh-note {
	grid-column: 1;
	grid-row: 1;
	align-self: end;
	width: 100%;
	margin-top: clamp(64px, 24cqw, 152px);
	z-index: 0;
}

.lh-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(16px, 2vw, 24px);
}

.lh-card {
	flex: 1 1 140px;
	max-width: 251px;
	aspect-ratio: 1;
	border-radius: clamp(22px, 3.5vw, 45px);
	background: #fff;
	box-shadow: 18px 18px 23px rgba(0, 0, 0, 0.25);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
}

.lh-card__label {
	margin: 0;
	font-weight: 900;
	text-align: center;
	color: #242424;
	font-size: clamp(32px, 6vw, 64px);
	line-height: 1;
}

.lh-card--alibaba .lh-card__label {
	font-size: clamp(24px, 5vw, 48px);
}

.lh-section--marketplace {
	gap: clamp(8px, 1.5vw, 16px);
}

.lh-section--blob-bg {
	overflow-x: clip;
	overflow-y: visible;
	isolation: isolate;
}

.lh-section--blob-bg .lh-blob-bg {
	position: absolute;
	left: 50%;
	top: 20%;
	width: min(96cqw, 737px);
	max-width: 100%;
	height: auto;
	object-fit: contain;
	transform: translate(-50%, -52%);
	opacity: 0.4;
	pointer-events: none;
	z-index: 0;
}

.lh-section--blob-bg .lh-heading,
.lh-section--blob-bg .lh-text,
.lh-section--blob-bg .lh-note {
	position: relative;
	z-index: 1;
}

/* Оранжевый blob за текстом и списком (pay: «Как проходит оплата») */
.lh-list-blob {
	position: relative;
	z-index: 0;
	container-type: inline-size;
	width: 100%;
	margin: clamp(-20px, -4cqw, -36px) 0 0;
	padding: 0;
	overflow: visible;
}

.lh-list-blob__bg {
	position: absolute;
	left: 50%;
	top: 20%;
	width: min(100cqw, 737px);
	max-width: 100%;
	height: auto;
	object-fit: contain;
	transform: translate(-50%, -48%);
	opacity: 0.4;
	pointer-events: none;
	z-index: 0;
}

.lh-list-blob .lh-text {
	position: relative;
	z-index: 1;
}

.lh-faq {
	position: relative;
	margin-top: var(--lh-gap);
	padding: clamp(32px, 6vw, 64px) 0 clamp(24px, 4vw, 40px);
	width: 100%;
	overflow: visible;
}

.lh-faq__blob {
	position: absolute;
	left: 50%;
	top: 75%;
	width: min(92%, 680px);
	max-width: 100%;
	height: auto;
	object-fit: contain;
	transform: translate(-50%, -50%) scale(2);
	transform-origin: center center;
	pointer-events: none;
	z-index: 0;
}

.lh-faq__title {
	position: relative;
	z-index: 1;
	margin: 0 0 var(--lh-gap);
	text-align: center;
	font-family: Gallinari, "Arial Narrow", Impact, system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(36px, 7.5vw, 96px);
	line-height: 0.95;
	text-transform: uppercase;
	color: #fe5900;
}

.lh-faq__list {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: clamp(16px, 2.5vw, 35px);
	width: 100%;
}

.lh-faq__item {
	border: 2px solid #262626;
	border-radius: clamp(20px, 3vw, 37px);
	background: #fff;
}

.lh-faq__summary {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: clamp(18px, 2.5vw, 20px) clamp(16px, 3vw, 48px);
	cursor: pointer;
	font-weight: 700;
	font-size: clamp(17px, 2.4vw, 32px);
	line-height: 1.25;
	color: #262626;
}

.lh-faq__summary::-webkit-details-marker {
	display: none;
}

.lh-faq__summary > span:first-child {
	flex: 1;
	min-width: 0;
}

.lh-faq__chevron {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	border-right: 4px solid #000;
	border-bottom: 4px solid #000;
	transform: rotate(45deg);
	opacity: 0.45;
}

.lh-faq__item[open] .lh-faq__chevron {
	transform: rotate(225deg);
}

.lh-faq__panel {
	padding: 0 clamp(16px, 3vw, 48px) clamp(18px, 3vw, 28px);
	font-size: clamp(16px, 1.6vw, 20px);
	line-height: 1.35;
	color: #262626;
}

.lh-faq__panel p {
	margin: 0 0 0.75em;
}

.lh-faq__panel p:last-child {
	margin-bottom: 0;
}

.lh-faq__panel ul {
	margin: 0 0 0.75em;
	padding-left: 1.25em;
}

.lh-faq__panel:empty {
	display: none;
}

/* Синий «Важно» наезжает на низ оранжевой панели */
.lh-overlap-end {
	--lh-panel-inset: clamp(14px, 3vw, 40px);
	container-type: inline-size;
	position: relative;
	margin-bottom: var(--lh-gap);
}

.lh-overlap-end .lh-panel {
	position: relative;
	z-index: 1;
	overflow: visible;
	padding-bottom: clamp(12px, 2.5vw, 24px);
}

.lh-overlap-end .lh-panel > .lh-section:last-of-type {
	padding-bottom: clamp(56px, 14cqw, 96px);
}

.lh-overlap-end .lh-note--overlap {
	margin-top: clamp(-80px, -20cqw, -32px);
	margin-inline: var(--lh-panel-inset);
	margin-bottom: 0;
	position: relative;
	z-index: 2;
	width: auto;
	max-width: none;
	box-sizing: border-box;
}

.lh-page:has(.lh-overlap-end) .lh-faq {
	margin-top: 0;
}

@media (max-width: 767px) {
	.lh-overlap-end .lh-panel > .lh-section:last-of-type {
		padding-bottom: clamp(64px, 20cqw, 96px);
	}

	.lh-overlap-end .lh-note--overlap {
		margin-top: clamp(-60px, -22cqw, -36px);
		margin-inline: var(--lh-panel-inset);
	}

	/* FAQ blob: HTML width/height 1832×1668 + scale(2) давали горизонтальный скролл */
	.lh-faq {
		overflow-x: clip;
	}

	.lh-faq__blob {
		top: 55%;
		width: min(88vw, 320px);
		transform: translate(-50%, -50%) scale(1.1);
	}

	.lh-page {
		overflow-x: clip;
	}

	.lh-panel {
		overflow-x: clip;
		overflow-y: visible;
	}

	/* lh-heading__decor: translate(±70%) выносил blob за пределы и раздувал страницу */
	.lh-heading {
		padding-inline: clamp(44px, 15cqw, 80px);
		overflow-x: clip;
	}

	.lh-heading__decor {
		width: clamp(40px, 15cqw, 72px);
		max-width: 22cqw;
		object-fit: contain;
	}

	.lh-heading__decor--sm {
		width: clamp(32px, 11cqw, 56px);
		max-width: 18cqw;
	}

	.lh-heading--decor-left .lh-heading__decor,
	.lh-heading--decor-left .lh-heading__decor--accent-left {
		transform: translate(0, -50%);
	}

	.lh-heading--decor-right .lh-heading__decor,
	.lh-heading--decor-right .lh-heading__decor--accent-right {
		transform: translate(0, -50%);
	}

	.lh-page--how .lh-popup-wrap .lh-blob-bg {
		width: min(95cqw, 360px);
		max-width: 100%;
	}

	.lh-page--how .lh-media--payment-collage {
		max-width: 100%;
		margin-inline: auto;
		transform: none;
	}
}

body:has(.lh-page) footer,
body:has(.lh-page) #footer,
body:has(.lh-page) .footer,
body:has(.lh-page) .bx-footer,
body:has(.lh-page) .bx-layout-footer,
body:has(.lh-page) #bx-footer,
body:has(.lh-page) .bx-layout__footer,
body:has(.lh-page) .footer-inner {
	position: relative;
	z-index: 10;
	margin-top: clamp(24px, 4vw, 48px) !important;
	padding-top: 40px !important;
	background-color: #fff;
}

body:has(.lh-page) #workarea-content,
body:has(.lh-page) .workarea-content {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	overflow: visible !important;
}

body:has(.lh-page) #workarea,
body:has(.lh-page) .workarea,
body:has(.lh-page) .bx-layout,
body:has(.lh-page) .container,
body:has(.lh-page) .wrapper {
	max-width: 100%;
	width: 100%;
}

body:has(.lh-page) .container,
body:has(.lh-page) .wrapper {
	max-width: min(1200px, 100%) !important;
	margin-inline: auto;
	padding-inline: clamp(8px, 2vw, 20px);
}
/*
 * Карта шагов — координаты из Figma (1278×680: +160px снизу под шаг 3).
 * Вертикальные % = px / 680, горизонтальные = px / 1278.
 */
.lh-page--pay .lh-steps--route {
	--figma-w: 1278;
	--figma-h: 680;
	position: relative;
	z-index: 2;
	container-type: inline-size;
	container-name: pay-route;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	margin-bottom: clamp(20px, 5cqw, 36px);
	aspect-ratio: 1278 / 680;
	height: auto;
	overflow: hidden;
}

/* Мобилка: blob только за текстом, белая карточка поверх */
@media (max-width: 767px) {
	.lh-page--pay .lh-section:has(.lh-steps--route) {
		isolation: isolate;
	}

	.lh-page--pay .lh-steps--route {
		margin-bottom: 32px;
		z-index: 2;
	}

	.lh-page--pay .lh-list-blob {
		margin-top: 8px;
		z-index: 0;
	}

	.lh-page--pay .lh-list-blob__bg {
		top: 0;
		width: min(95cqw, 360px);
		max-width: 100%;
		transform: translateX(-50%);
		z-index: 0;
	}

	.lh-page--pay .lh-list-blob .lh-text {
		position: relative;
		z-index: 1;
	}

	.lh-page--pay .lh-section--blob-bg {
		overflow-x: clip;
	}

	.lh-page--pay .lh-section--blob-bg .lh-blob-bg {
		width: min(95cqw, 360px);
		max-width: 100%;
	}

	.lh-page--pay .lh-row .lh-media {
		max-width: min(100%, 200px);
		width: min(100%, 200px);
	}
}

.lh-page--pay .lh-steps.lh-steps--route {
	padding: 0;
}

.lh-page--pay .lh-steps--route .lh-steps__wave {
	position: absolute;
	left: 25.5477%;
	top: 24.7471%;
	width: 47.1268%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 607 / 296;
	margin: 0;
	object-fit: contain;
	transform: none;
	pointer-events: none;
	z-index: 0;
}

.lh-page--pay .lh-steps__point {
	position: absolute;
	z-index: 1;
	display: flex;
	flex-direction: column;
	margin: 0;
	color: #222;
	box-sizing: border-box;
}

.lh-page--pay .lh-steps__num {
	font-weight: 900;
	font-size: 3.756cqw;
	line-height: 1.354;
}

.lh-page--pay .lh-steps__label {
	margin: 0;
	font-weight: 700;
	font-size: 2.816cqw;
	line-height: 1.361;
}

/* 1 — left 200px, top 56px, width 519px */
.lh-page--pay .lh-steps__point--1 {
	left: 15.6495%;
	top: 8.2353%;
	width: 40.6103%;
	align-items: flex-start;
	gap: 1.1765%;
}

.lh-page--pay .lh-steps__point--1 .lh-steps__label {
	text-align: left;
}

/* 2 — left 544px, top 229px, width 353px */
.lh-page--pay .lh-steps__point--2 {
	left: 42.5665%;
	top: 33.6765%;
	width: 27.6213%;
	align-items: center;
	gap: 1.1765%;
}

.lh-page--pay .lh-steps__point--2 .lh-steps__label {
	text-align: center;
}

/* 3 — left 239px, top 474px, width 353px, по центру */
.lh-page--pay .lh-steps__point--3 {
	left: 18.7008%;
	top: 69.7059%;
	width: 27.6213%;
	align-items: center;
	gap: 1.1765%;
}

.lh-page--pay .lh-steps__point--3 .lh-steps__label {
	text-align: center;
}
/* Доп. стили how (lh-page.css подключается отдельно в how.php) */

.lh-page--how .lh-list-block {
	display: inline-block;
	max-width: 100%;
	margin: 0;
	text-align: left;
	font-weight: 400;
	font-size: clamp(17px, 2.6vw, 36px);
	line-height: 1.35;
	color: var(--lh-text-white);
	text-transform: none;
}

.lh-page--how .lh-note--overlap .lh-note__text .lh-list-block {
	font-weight: 400;
}

@media (max-width: 767px) {
	.lh-page--how .lh-list-block {
		font-size: clamp(15px, 4.2vw, 20px);
		line-height: 1.3;
	}
}

/* Safety — hero (Figma SVG 1280×401) */
.lh-page--safety {
	--lh-content: 1280px;
	max-width: 1280px;
	padding-top: 0;
	overflow: visible;
}

.lh-page--safety .lh-safety-hero {
	position: relative;
	width: min(100%, 1280px);
	max-width: 1280px;
	margin-inline: auto;
	margin-bottom: var(--lh-gap);
	aspect-ratio: 1280 / 401;
	isolation: isolate;
}

.lh-page--safety .lh-safety-hero__shape {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: fill;
	pointer-events: none;
}

.lh-page--safety .lh-safety-hero__title {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	margin: 0;
	padding: 0 clamp(16px, 4vw, 32px);
	font-family: Gallinari, "Arial Narrow", Impact, system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(40px, 7.5vw, 96px);
	line-height: 0.95;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
}
.lh-page--safety .lh-safety-content {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(48px, 7vw, 96px);
	width: 100%;
	padding: clamp(24px, 4vw, 48px) clamp(16px, 8vw, 105px) clamp(80px, 12vw, 160px);
	box-sizing: border-box;
	overflow: visible;
}

.lh-page--safety .lh-safety-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 35px;
	width: 100%;
	max-width: 1069px;
}

.lh-page--safety .lh-safety-block__title {
	margin: 0;
	max-width: 633px;
	font-family: Gallinari, "Arial Narrow", Impact, system-ui, sans-serif;
	font-weight: 800;
	font-size: clamp(28px, 5vw, 64px);
	line-height: 1.15625;
	text-align: center;
	text-transform: uppercase;
	color: #fc8a17;
}

.lh-page--safety .lh-safety-block__body {
	width: 100%;
	max-width: 1069px;
	margin: 0;
	font-family: Nunito, system-ui, sans-serif;
	font-weight: 700;
	font-size: clamp(17px, 2.8125vw, 36px);
	line-height: 1.361;
	text-align: center;
	color: #fc8a17;
}

.lh-page--safety .lh-safety-block__body p {
	margin: 0 0 1.361em;
}

.lh-page--safety .lh-safety-block__body p:last-child {
	margin-bottom: 0;
}

/* Safety — blob как lh-list-blob на payment */
.lh-page--safety .lh-list-blob {
	width: 100%;
	max-width: 1069px;
	margin-inline: auto;
}

.lh-page--safety .lh-list-blob .lh-safety-block {
	position: relative;
	z-index: 1;
	width: 100%;
}

.lh-page--safety .lh-list-blob--safety-suppliers {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 35px;
	padding: clamp(24px, 4vw, 40px) 0;
}

.lh-page--safety .lh-list-blob--safety-suppliers .lh-list-blob__bg {
	top: 50%;
	width: min(100cqw, 815px);
	max-width: none;
	transform: translate(-50%, -50%);
	opacity: 1;
}

.lh-page--safety .lh-list-blob--safety-lower {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(48px, 7vw, 96px);
	padding: clamp(32px, 5vw, 56px) 0 clamp(48px, 6vw, 80px);
}

.lh-page--safety .lh-list-blob--safety-lower .lh-list-blob__bg {
	top: 50%;
	width: min(100cqw, 1280px);
	max-width: none;
	transform: translate(-50%, -50%);
	opacity: 1;
}

@media (max-width: 767px) {
	.lh-page--safety {
		overflow-x: visible;
	}

	.lh-page--safety .lh-list-blob--safety-lower .lh-list-blob__bg {
		width: min(95vw, 1280px);
	}

	.lh-page--safety .lh-list-blob--safety-suppliers .lh-list-blob__bg {
		width: min(92vw, 815px);
	}
}

.lh-page--safety .lh-safety-content > .lh-note {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 927px;
	margin-top: 0;
}

.lh-page--safety .lh-safety-block__title--wide {
	max-width: 745px;
}