/* Оформление первого экрана страниц раздела «Тихие стены».
   Затемняющий градиент под текстом + светлая типографика,
   чтобы заголовок читался на светлых фото. Изолировано классом .s-steny-hero. */

.s-steny-hero {
	position: relative;
}

.s-steny-hero:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg,
		rgba(18, 20, 28, 0.78) 0%,
		rgba(18, 20, 28, 0.62) 38%,
		rgba(18, 20, 28, 0.22) 66%,
		rgba(18, 20, 28, 0) 100%);
	z-index: 0;
	pointer-events: none;
}

.s-steny-hero > .container {
	position: relative;
	z-index: 1;
}

.s-steny-hero .h1-block h1,
.s-steny-hero .h1-block .descr p,
.s-steny-hero .descr-h1 .item p,
.s-steny-hero .descr-h1 .item p strong {
	color: #fff !important;
}

.s-steny-hero .h1-block h1 {
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}

.s-steny-hero .h1-block h1 .color {
	color: #57c7e6 !important;
}

/* Читаемое меню поверх фотографий первого экрана. */
.nohome header .navigation {
	padding: 12px 20px;
	border-radius: 8px;
	background: rgba(18, 20, 28, 0.58);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.nohome header .navigation > nav > ul > li > a,
.nohome header .navigation > nav > ul > li > .f-l {
	color: #fff;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.65);
}

/* Контраст формы на первом экране страницы «Тканевые стены». */
.page-tkanevie-steny .s-steny-hero .wrap-form {
	background: rgba(18, 20, 28, 0.84);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.page-tkanevie-steny .s-steny-hero .form-title p,
.page-tkanevie-steny .s-steny-hero .form-item label > span,
.page-tkanevie-steny .s-steny-hero .check-block label span,
.page-tkanevie-steny .s-steny-hero .check-block label span a {
	color: #fff !important;
}

.s-why-select.s-steny-photo:before {
	background-image:
		linear-gradient(90deg, #f2f2f2 0%, rgba(242, 242, 242, 0.72) 10%, rgba(242, 242, 242, 0) 32%),
		var(--steny-section-photo) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}

/* Одинаковый размер всех шести плашек блока «Причины выбрать…». */
.s-reasons-select .wrap-items {
	align-items: stretch;
}

.s-reasons-select .item {
	display: flex;
}

.s-reasons-select .item .wrap {
	box-sizing: border-box;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: 180px;
}

.s-reasons-select .item .num {
	margin-top: auto;
}

@media (max-width: 767px) {
	.s-reasons-select .item .wrap {
		height: auto;
		min-height: 160px;
	}
}

/* Одинаковый размер плашек блока «Как мы работаем». */
.s-steps-select .wrap-items {
	align-items: stretch;
}

.s-steps-select .item {
	display: flex;
}

.s-steps-select .item .wrap {
	box-sizing: border-box;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: 180px;
}

.s-steps-select .item .num {
	margin-top: auto;
}

@media (max-width: 767px) {
	.s-steps-select .item .wrap {
		height: auto;
		min-height: 160px;
	}
}

/* Единое чередование карточек в блоке связанных решений. */
.s-types .wrap-more-slider .item .img {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.s-types .wrap-more-slider .item:nth-child(odd) .img {
	aspect-ratio: 3 / 2;
}

.s-types .wrap-more-slider .item:nth-child(even) .img {
	aspect-ratio: 2 / 3;
}

.s-types .wrap-more-slider .item .img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 767px) {
	.s-types .wrap-more-slider .item .img {
		aspect-ratio: 3 / 2;
	}
}

/* На планшете/мобильном форма уходит вниз — делаем затемнение
   равномернее, чтобы текст читался по всей ширине. */
@media (max-width: 991px) {
	.s-steny-hero:before {
		background: linear-gradient(180deg,
			rgba(18, 20, 28, 0.7) 0%,
			rgba(18, 20, 28, 0.55) 60%,
			rgba(18, 20, 28, 0.5) 100%);
	}
}