/* Общие стили
========================================================================== */

/* Списки */
ul, li, ol {
	margin: 1em 0 1em 0;
	padding: 0 0 0 .5em;
	/* font-size: 14px; */
	line-height: 1.5em;
	list-style-type: none;
}

ol > li::before {
	padding-right: .5em;
	font-size: 12px;
	color: red;
	content: "●";
}

/* Цитаты */
blockquote {
	margin: 2em 0;
	padding-left: 1em;
	border-left: 4px solid black;
}

.blockquote_anons {
	margin: 2em 0 0 0;
	padding-left: 1em;
	border-left: 4px solid red;
}

/* Горизонтальная линия */
hr {
	max-width: 100%;
	height: 1px;
	border: none;
	background: #e1e1e1;
}

/* Пункт меню */
.menu-item {
	margin: 0 0 .2em 0;
}

/* Преобразования текста */
.up {
	text-transform: uppercase;
}

/* Сообщения оповещения */
.alert {
	color: red;
}

.info {
	color: blue;
}

/* Кнопки
========================================================================== */

/* Стандартная кнопка */
.btn {
	display: inline-block;
	margin: 1em auto;
	padding: 0.5em 1em;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	border: none;
	border-radius: 100px;
	background: linear-gradient(135deg, #1a9be6, #1a57e6);
	color: #fff;
	transition: box-shadow 400ms ease;
}

.btn:hover {
	border-radius: 100px;
	background-color: rgba(26, 87, 230, 0.25);
	color: #fff;
	box-shadow: 0 15px 25px 0 rgba(26, 87, 230, 0.25);
	transition: box-shadow 300ms ease;
}

.btn a {
	text-decoration: none;
	color: #fff;
}

/* Мусульманская кнопка */
.btnmuslim {
	position: relative;
	margin: 1em;
	padding: 0.5em 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	border-radius: 100px;
	background: linear-gradient(135deg, #14d700, #016200);
	color: #fff;
	transition: box-shadow 400ms ease;
}

.btnmuslim:hover {
	border-radius: 100px;
	color: #fff;
	box-shadow: 0 15px 25px 0 rgba(20,215,0,0.5);
	transition: box-shadow 300ms ease;
}

/* Кнопка Flamp */
.btnflamp {
	position: relative;
	margin: 1em;
	padding: 0.5em 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	border-radius: 100px;
	background-color: #2e6be6;
	color: #fff;
	transition: 400ms ease;
}

.btnflamp:hover {
	border-radius: 100px;
	background-color: rgba(46,73,230,1);
	color: #fff;
	transition: 400ms ease;
}

/* Кнопка Яндекс */
.btnyandex {
	position: relative;
	margin: 1em;
	padding: 0.5em 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: none;
	border-radius: 100px;
	background-color: #ff3233;
	color: #fff;
	transition: 400ms ease;
}

.btnyandex:hover {
	border-radius: 100px;
	background-color: #ffcc00;
	color: #fff;
	transition: 400ms ease;
}

/* Спаны
========================================================================== */

.span-blue {
	padding: 5px 10px;
	font-weight: normal;
	line-height: 3em;
	background: #eee;
	color: #06c;
}

.span-green {
	padding: 5px 10px;
	font-weight: normal;
	line-height: 3em;
	background: #eee;
	color: #0c6;
}

.span-red {
	padding: 5px 10px;
	font-weight: normal;
	line-height: 3em;
	background: #eee;
	color: #c00;
}

/* Пагинация
========================================================================== */

.pagination {
	display: flex;
	justify-content: center;
	padding: .3em;
	text-align: center;
	border-radius: 3px;
}

/* Позиционирование элементов
========================================================================== */

.item {
	margin: 20px auto;
	padding: 10px;
	text-align: center;
}

/* FAQ
========================================================================== */

.faq {
	margin: 1em 0;
	padding: .5em 1em;
	border-radius: 5px;
	background: #eee;
}

/* Анимации
========================================================================== */

/* Анимация мигания */
.blink {
	margin: 1em 0;
	color: #c00;
	animation: blink 2s linear infinite;
}

@keyframes blink {
	100% {
		color: rgba(34, 34, 34, 0);
	}
}

/* Контейнеры
========================================================================== */

.container__item {
	max-width: 95%;
	margin: 2em 0;
	padding: 1em 2em;
	text-align: center;
}

.container-form {
	max-width: 95%;
	margin: 2em 0;
	padding: 1em 2em;
	text-align: center;
	border-radius: 10px;
	background: #eee;
}

.container-order {
	max-width: 95%;
	margin: 2em 0;
	padding: 1em 2em;
	text-align: center;
	border-radius: 10px;
	background: #eee;
}

.container_post {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.container_post-link {
	padding: 0.5em;
}

.container-tile-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.item-tile {
	display: flex;
	flex-direction: column;
	width: 308px;
	height: 430px;
	text-align: center;
	background-image: url("http://localhost:8888/avito-goznak/wp-content/uploads/pltk_vuz.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.item-tile .item-tile-title:first-child {
	align-self: flex-start;
	margin: .5em 0 0 0;
	padding: 0 .5em;
	border-radius: 5px;
	background: rgba(255, 255, 255, .5);
}

.item-tile .item-tile-buy:first-child {
	margin: auto;
	color: white;
	font-size: 3em;
	font-family: sans-serif;
	line-height: 0.9em;
	text-align: center;
}

/* Информационные блоки
========================================================================== */

.info-telephone {
	max-width: 95%;
	margin: 2em 0;
	padding: 1em 2em;
	text-align: center;
	border-radius: 10px;
	background: #06c;
	color: #fff;
}

.info-email {
	max-width: 95%;
	margin: 2em 0;
	padding: 1em 2em;
	text-align: center;
	border-radius: 10px;
	background: #ffc100;
	color: #fff;
}

.info-messenger {
	max-width: 95%;
	margin: 2em 0;
	padding: 1em 2em;
	text-align: center;
	border-radius: 10px;
	background-image: linear-gradient(135deg, #25d366, #8f5db7, #0088cc);
	color: #fff;
}

/* Типографика
========================================================================== */

.h2center {
	padding-top: 0;
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
}

.h3center {
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
}

.pcenter {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.p__header-container {
	font-size: 1em;
	font-weight: bold;
}

.p-header {
	margin: 1em 0;
	padding-top: 1em;
	color: inherit;
	font-size: 1.5em;
	font-weight: 700;
	text-align: center;
}

.oferta {
	margin: 0 0 0 2em;
	color: #7a7a7a;
	font-size: .75em;
}

.oferta::before {
	padding-right: .5em;
	color: #700000;
	content: "\2014";
}

/* Блоки услуг
========================================================================== */

.pohorony, .kremaciya {
	max-width: 95%;
	padding: 1em 2em;
	color: #000;
	text-align: center;
	border-radius: 20px;
	background: var(--white);
	transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease;
}

.pohorony:hover, .kremaciya:hover {
	transform: scale(1.0307692308);
	transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease;
}

.linkdotted {
	color: var(--grey);
	/* border-bottom: thin dotted; */
	border-bottom: .5px dashed;
}

.anons {
	max-width: 95%;
	margin: 2em 0;
	padding: 1em 2em;
	color: #000;
	text-align: left;
	border: 4px solid red;
	border-radius: 10px;
}

.list {
	max-width: 100%;
	margin: .5em;
	padding: .5em;
	text-align: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.uslugi {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 95%;
	min-height: 300px;
	padding: 1em 2em;
	color: #000;
	text-align: center;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
	cursor: pointer;
	transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease;
}

.uslugi a {
	display: block;
	text-align: inherit;
}

.uslugi h2 {
	padding: .5em .25em;
	color: white;
	font-size: 2em;
	text-align: inherit;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.5);
	align-items: center;
}

.uslugi p {
	padding: .5em .25em;
	color: white;
	text-align: inherit;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.5);
	align-items: center;
}

.foto {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* Разделитель текста
========================================================================== */

.text-divider {
	position: relative;
	display: block;
	margin: 2em 0 1em 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.text-divider:before {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	border-bottom: 1px solid #e1e1e1;
	content: ' ';
}

.text-divider > span a {
	position: relative;
	z-index: 1;
	top: -2px;
	padding: 10px;
	text-decoration: none;
	background-color: var(--background-a);
}

.text-divider > span {
	position: relative;
	z-index: 1;
	top: -2px;
	padding: 10px;
	text-decoration: none;
	background-color: var(--background-a);
}

/* Социальные сети
========================================================================== */

.social {
	display: flex;
	flex-direction: column;
	margin: .5em auto auto 1.2em;
	font-size: 14px;
	line-height: 1.5em;
}

/* Хлебные крошки
========================================================================== */

/* .breadcrumbs {
	position: absolute;
	z-index: 1;
	padding: .5em 0 .5em 1em;
	color: #555;
	font-size: .8em;
} */

/* Шапка
========================================================================== */

.hr__header {
	width: 100%;
	height: 4px;
	margin: 0 0 2em 0;
	background: #000;
}

/* Якорные ссылки
========================================================================== */

a.ancor {
	text-decoration: none;
	border-bottom: 1px dashed #09f;
}

/* Кнопка "Наверх"
========================================================================== */

#gotop {
	position: fixed;
	right: 1em;
	bottom: .5em;
	z-index: 9999;
	float: right;
	display: block;
	min-width: 75px;
	min-height: 75px;
	background: url(angel_up_c.png);
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

/* Модальное окно
========================================================================== */

#eModal-1 {
	border-radius: 0px 0px 10px 0px!important;
}

#eModal-2 {
	border-radius: 10px!important;
}

/* Контейнер содержимого
========================================================================== */

@media all and (min-width:320px) {
	.container-content {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		background: var(--background-a);
	}
	
	.container__content-block {
		width: 100%;
		flex: 1;
		margin: 2em;
		border-radius: var(--radius-block);
	}
	
	.container__content-block > a {
		display: block;
	}
}

@media all and (min-width:768px) {
	.container-content {
		display: flex;
		flex: 1;
		justify-content: space-between;
		background: var(--background-a);
	}
	
	.container__content-block {
		flex: 1;
		margin: 1em;
		border-radius: var(--radius-block);
	}
	
	.container__content-block > a {
		display: block;
	}
}

@media all and (min-width:60em) {
	.container-content {
		display: flex;
		flex: 1;
		justify-content: space-between;
		background: var(--background-a);
	}
	
	.container__content-block {
		flex: 1;
		margin: 1em;
		border-radius: var(--radius-block);
	}
	
	.container__content-block > a {
		display: block;
	}
}

/* Область просмотра
========================================================================== */

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* Боковое меню
========================================================================== */

.sidebar__menu-block h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 1em 0 1em 0;
	text-align: center;
}

/* Обратный звонок
========================================================================== */

.callback {
	position: fixed;
	top: 180px;
	right: 97%;
	z-index: 1000;
	display: block;
	width: 3em;
	padding: 0;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	vertical-align: top;
	letter-spacing: 2px;
	word-wrap: break-word;
	border-radius: 0px 10px 10px 0px;
	background-color: #0c6;
	box-sizing: border-box;
	writing-mode: tb-rl;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
}

/* reCAPTCHA
========================================================================== */

.grecaptcha-badge {
	display: none;
}

/* Блок с кнопкой «Показать все» и «Скрыть»
========================================================================== */
/* Основные стили для блока */
.see-all-block {
	margin: 20px 0;
	padding: 1em 2em;
	border-radius: var(--radius-block);
	background-color: #fff;
}

/* Стили для содержимого */
.see-all-content {
	position: relative; /* Для псевдоэлемента */
	max-height: 150px; /* Ограничиваем высоту содержимого */
	overflow: hidden; /* Скрываем содержимое, которое выходит за пределы */
	transition: max-height 0.5s ease-out; /* Плавное раскрытие */
}

/* Псевдоэлемент для градиента в конце скрытого текста */
.see-all-content::after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px; /* Высота градиента */
	background: linear-gradient(to bottom, rgba(249, 249, 249, 0), rgba(249, 249, 249, 1));
	content: '';
	pointer-events: none; /* Чтобы клики проходили сквозь псевдоэлемент */
}

/* Стили для кнопки */
.see-all-toggle {
	display: block;
	margin: 1em auto;
	padding: 0.5em 1em;
	font-size: 20px;
	text-align: center;
	color: var(--white);
	background: var(--btn-gradient);
	border-radius: var(--radius-btn);
	border: none;
	cursor: pointer;
	-webkit-transition: box-shadow 400ms ease;
	-moz-transition: box-shadow 400ms ease;
	-ms-transition: box-shadow 400ms ease;
	-o-transition: box-shadow 400ms ease;
	transition: box-shadow 400ms ease;
}

.see-all-toggle:hover {
	text-decoration-line: none;
	-webkit-box-shadow: var(--btn-shadow-blue);
	-moz-box-shadow: var(--btn-shadow-blue);
	-o-box-shadow: var(--btn-shadow-blue);
	box-shadow: var(--btn-shadow-blue);
	-webkit-transition: box-shadow 300ms ease;
	-moz-transition: box-shadow 300ms ease;
	-ms-transition: box-shadow 300ms ease;
	-o-transition: box-shadow 300ms ease;
	transition: box-shadow 300ms ease;
}

/* Адаптивные стили */
@media (max-width: 768px) {
	.see-all-content {
		max-height: 100px; /* Уменьшаем высоту для планшетов */
	}
}

@media (max-width: 480px) {
	.see-all-content {
		max-height: 80px; /* Уменьшаем высоту для мобильных устройств */
	}

	.see-all-toggle {
		font-size: 14px; /* Уменьшаем размер шрифта для мобильных устройств */
	}
}

/* Класс для раскрытого состояния */
.see-all-content.expanded {
	max-height: none; /* Убираем ограничение по высоте */
}

.see-all-content.expanded::after {
	display: none; /* Скрываем градиент, когда контент раскрыт */
}


/* Таблица */
table {
	width: 100%;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #eee;
}

table caption {
	margin: 1em auto 1em auto;
	font-size: 16px;
	font-weight: 700;
}

table tr {
	padding: .35em;
	border: 1px solid #eee;
	background-color: #fff;
	border-radius: 10px;
}

table th,
table td {
	padding: .625em;
	text-align: center;
}

table th {
	font-size: .85em;
	text-transform: uppercase;
	background-color: #eee;
}

@media screen and (max-width:600px) {
	table {
		border: 0;
	}

	table caption {
		font-size: 1.3em;
	}

	table thead {
		position: absolute;
		overflow: hidden;
		width: 1px;
		height: 1px;
		padding: 0;
		clip: rect(0 0 0 0);
		border: none;
	}

	table tr {
		display: block;
		margin-bottom: .625em;
		border-bottom: 3px solid #eee;
	}

	table td {
		display: block;
		font-size: .8em;
		text-align: center;
		border-bottom: 1px solid #eee;
	}

	table td::before {
		float: left;
		font-size: .8em;
		font-weight: bold;
		text-transform: uppercase;
		content: attr(data-label);
	}

	table td:last-child {
		border-bottom: 0;
	}
}
/* Конец таблица */


/*
=================================================================================
	Валидный код Футер
=================================================================================
*/

/* ############################################## */
/* #####################     #################### */
/* ##################### 320 #################### */
/* #####################     #################### */
/* ############################################## */

@media all and (min-width: 320px) {
	.foooo {
		position: relative;
		display: flex;
		margin: 0;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: stretch;
		background: #f7f7f7;
	}

	.container-foooo {
		display: flex;
		flex-wrap: wrap;
		max-width: 95%;
		margin: 2em auto 0 auto;
		padding: 1em 2em;
		background: #fff;
	}

	.container__foooo-block {
		width: 95%;
		margin: 1em auto;
		padding: 1em 2em;
		background: #f7f7f7;
		border-radius: 20px;
	}

	.foooo__block-1,
	.foooo__block-2,
	.foooo__block-3 {
		width: 90%;
		height: auto;
		margin: 1em auto;
		padding: 1em;
		background: #f7f7f7;
	}

	.foooo__widget {
		min-width: 100%;
		min-height: auto;
		margin: 0;
		background: red;
	}

	.foooo_menu {
		display: flex;
		flex-direction: column;
		margin: 1em auto auto 1.2em;
		font-size: 14px;
		line-height: 1.5em;
	}

	.foooo_menu > a {
		color: #555;
	}

	.foooo_menu > a:hover {
		color: #777;
	}
}

/* ############################################## */
/* #####################     #################### */
/* ##################### 768 #################### */
/* #####################     #################### */
/* ############################################## */

@media all and (min-width: 768px) {
	.foooo {
		position: relative;
		display: flex;
		margin: 0;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: stretch;
		background: #f7f7f7;
	}

	.container-foooo {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		max-width: 95%;
		margin: 2em auto 0 auto;
		background: #fff;
	}

	.container__foooo-block {
		margin: 1em auto;
		padding: 1em 2em;
		background: #f7f7f7;
		border-radius: 10px;
	}

	.foooo__block-1,
	.foooo__block-2,
	.foooo__block-3 {
		width: 90%;
		height: auto;
		margin: 1em auto;
		padding: 1em;
		background: #f7f7f7;
	}

	.foooo__widget {
		min-width: 100%;
		min-height: auto;
		margin: 0;
		background: red;
	}

	.foooo_menu {
		display: flex;
		flex-direction: column;
		margin: 1em auto auto 1.2em;
		font-size: 14px;
		line-height: 1.5em;
	}

	.foooo_menu > a {
		color: #555;
	}

	.foooo_menu > a:hover {
		color: #777;
	}
}

/* ############################################## */
/* #####################     #################### */
/* ##################### ~~~ #################### */
/* #####################     #################### */
/* ############################################## */

@media all and (min-width: 60em) {
	.foooo {
		position: relative;
		display: flex;
		min-height: auto;
		margin: 0;
		justify-content: space-around;
		flex-wrap: wrap;
		align-items: stretch;
		background: #f7f7f7;
	}

	.container-foooo {
		display: flex;
		flex-direction: row;
		width: 100%;
		margin: 2em auto 0 auto;
		background: #fff;
	}

	.container__foooo-block {
		max-width: 40%;
		margin: 1em auto;
		padding: 1em 2em;
		background: #f7f7f7;
		border-radius: 20px;
	}

	.foooo__block-1,
	.foooo__block-2,
	.foooo__block-3 {
		width: 25%;
		min-height: auto;
		margin: 1em;
		background: #f7f7f7;
	}

	.foooo__widget {
		min-width: 100%;
		min-height: auto;
		margin: 0;
		background: red;
	}

	.foooo_menu {
		display: flex;
		flex-direction: column;
		margin: 1em auto auto 1.2em;
		font-size: 14px;
		line-height: 1.5em;
	}

	.foooo_menu > a {
		color: #555;
	}

	.foooo_menu > a:hover {
		color: #777;
	}
}

/*
=================================================================================
	Конец Валидный код Футер
=================================================================================
*/

/*
=================================================================================
	Валидный код для блоков в контейнере
=================================================================================
*/
/* Контейнер для блоков */
.features-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	max-width: 1200px;
	margin: 1em auto 2em;
}

/* Стили для отдельного блока */
.feature-block {
	display: flex;
	flex-direction: column;
	padding: 1.5em;
	width: calc(28% - 20px); /* 3 блока в ряд для десктопов */
	color: inherit;
	text-decoration: none;
	background-color: var(--white);
	border-radius: var(--radius-block);
	transition: all 0.3s ease;
}

/* Эффект при наведении */
.feature-block:hover {
	background-color: var(--white);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
}

/* Стили для иконки */
.feature-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
	/* transition: transform 0.3s ease; */
}

/* Стили для иконки */
.feature-icon-image {
	width: 80px;
	height: 80px;
	margin-bottom: 20px;
	object-fit: cover; /* Обеспечивает правильное отображение изображения */
	border-radius: 10px; /* Добавляем скругление углов для изображений */
	/* transition: transform 0.3s ease; */
}

/* Эффект для иконки при наведении */
.feature-block:hover .feature-icon {
	/* transform: scale(1.1); */
}

/* Стили для заголовка */
.feature-title h3 {
	margin-bottom: 10px;
	text-align: left;
	transition: color 0.3s ease;
}

.feature-title {
	font-size: 21px;
	font-weight: 600;
}

/* Изменение цвета заголовка при наведении */
.feature-block:hover .feature-title h3 {
	color: #0071e3;
}

/* Стили для описания */
.feature-description {
	padding: 0 0 0 1em;
	font-size: 1rem; /* 16px */
	color: #86868b;
}

/* Медиа-запрос для планшетов */
@media (max-width: 1024px) {
	.feature-block {
		width: calc(50% - 20px); /* 2 блока в ряд */
	}
}

/* Медиа-запрос для смартфонов */
@media (max-width: 640px) {
	.feature-block {
		width: 100%; /* 1 блок в ряд */
	}
}
/*
=================================================================================
	Конец Валидный код для блоков в контейнере
=================================================================================
*/

/* новый валидный код */
.content-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
}

/* Стили для категорий */
.products-category,
.services-category {
	margin-bottom: 80px;
}

.category-title a {
	margin-bottom: 40px;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: var(--h-title);
}

.category-title a:hover {
	border-bottom: .5px solid var(--grey);
}

/* Сетка блоков */
.blocks-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

/* Общие стили для блоков */
.block {
	display: flex;
	flex-direction: column;
	height: auto;
	padding: 2em;
	flex: 1 1 calc(28% - 20px);
	color: inherit;
	text-decoration: none;
	background-color: white;
	border-radius: var(--radius-block);
	transition: all 0.3s ease;
}

.block:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
	transform: translateY(-4px);
}

.block-title > h3 {
	/* margin: 0 0 1em 0; */
	margin: 0 0 1em 0;
	font-size: 24px;
	text-align: left;
	font-weight: 600;
	color: #1d1d1f;
}

/* Стили для первого типа блоков (товары) */
.product-image-block {
	margin-bottom: 16px;
}

.product-image-block img {
	width: 100px;
	height: 100px;
	object-fit: cover;
	/* border-radius: 8px; */
	border-radius: var(--mid-radius-block);
}

.product-button-container {
	margin-top: auto;
	display: flex;
	justify-content: center;
}

.add-to-cart-button {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	color: white;
	font-size: 14px;
	font-weight: 500;
	background-color: #0071e3;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.add-to-cart-button:hover {
	background-color: #0077ed;
}

.cart-icon {
	width: 16px;
	height: 16px;
}

.cart-icon-header {
	position: absolute;
	right: 7px;
	width: 20px;
	height: 20px;
	color: #fff;
}

/* Стили для второго типа блоков (услуги) */
.service-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 16px;
}

.service-icon svg {
	width: 100%;
	height: 100%;
	stroke: #0071e3;
}

.service-description {
	margin-top: auto;
	font-size: 14px;
	color: #6e6e73;
}

/* Стили для третьего типа блоков (коллекции) */
.collection-block {
	position: relative;
	padding: 0;
	overflow: hidden;
	height: 100%;
}

.collection-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.collection-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--radius-block);
}

.collection-title {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2em 1em;
	margin: 0;
	height: auto;
	min-height: 160px;
	font-size: 28px;
	font-weight: 600;
	color: white;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Адаптивность */
@media (max-width: 1024px) {
	.block {
		flex: 1 1 calc(50% - 24px);
	}
}

@media (max-width: 640px) {
	.block {
		flex: 1 1 100%;
	}

	.category-title {
		margin-bottom: 32px;
		font-size: 26px;
	}

	.content-wrapper {
		padding: 24px 16px;
	}

	.products-category,
	.services-category {
		margin-bottom: 60px;
	}
}

/* Стили для блоков контента */
.content-block {
	padding: 1em 2em;
	margin: 2em 0;
	border-radius: var(--mid-radius-block);
}

.content-block h3 {
	margin-bottom: 12px;
	font-size: 1.5rem;
	color: #222;
}

.content-block p {
	margin-bottom: 16px;
	font-size: 1rem;
	line-height: 1.6;
	color: #555;
}

.content-block ul {
	margin-left: 24px;
	color: #444;
}

/* Расположение блоков */
.block-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	padding: 32px;
	max-width: 1200px;
	margin: 0 auto;
}

.block-wrapper .content-block {
	flex: 1 1 calc(40% - 30px); /* Для десктопов: 2 в ряд */
}

/* Адаптивность для планшетов */
@media (max-width: 768px) {
	.block-wrapper .content-block {
		flex: 1 1 calc(50% - 30px); /* По умолчанию 2 в ряд */
	}

	@media (max-width: 600px) {
		.block-wrapper .content-block {
			flex: 1 1 100%; /* При меньшей ширине экрана - 1 в ряд */
		}
	}
}

/* Адаптивность для мобильных устройств */
@media (max-width: 480px) {
	.block-wrapper .content-block {
		flex: 1 1 100%; /* 1 в ряд */
		padding: 16px;
	}

	.content-block h3 {
		font-size: 1.25rem;
	}

	.content-block p {
		font-size: 0.9rem;
	}
}

/*
=================================================================================
	Футер линия снизу
=================================================================================
*/
/* Стили футера */
.footer-container {
	width: 100%;
}

.footer-line {
	margin: 0 auto;
}

.footer-divider {
	margin: 0;
	border-top: var(--hr);
}

.footer-content {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 0 0 1em 0;
	color: var(--mid-dark-grey);
	font-size: 14px;
}

.copyright {
	margin: 0;
}

.footer-links {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-link {
	position: relative;
}

.footer-link:after {
	left: 224px;
	padding: 0 .5em 0 1.2em;
	content: "|";
	color: var(--mid-dark-grey);
	margin: 1 auto;
}

.footer-link:last-child {
	margin-right: 0;
	padding-right: 0;
}

.footer-link:last-child:after {
	content: none;
}

.footer-link a {
	color: #7e7e7e;
	text-decoration: none;
}

.footer-link a:hover {
	border-bottom: .5px solid var(--mid-dark-grey);
}

/* Адаптивность */
@media (max-width: 767px) {
	.footer-content {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.copyright {
		margin-bottom: 10px;
	}
	
	.footer-links {
		flex-wrap: wrap;
	}
}
/*
=================================================================================
	Конец Футер линия снизу
=================================================================================
*/

/*
=================================================================================
	Стили для хлебных крошек
=================================================================================
*/
.breadcrumbs {
	display: flex;
	align-items: center; /* Выравнивание по центру */
	padding: .5em;
	margin: 2em 0 1em;
	font-size: 14px;
}

.breadcrumbs-item {
	display: flex;
	align-items: baseline; /* Выравнивание по нижнему краю */
}

/* Стили для ссылок */
.breadcrumbs-link {
	display: flex;
	align-items: flex-end; /* Выравнивание по нижнему краю */
	color: var(--mid-dark-grey);
	text-decoration: none;
}

.breadcrumbs-link:hover {
	text-decoration: underline 1px solid var(--grey);
}

/* Стили для текущего элемента */
.breadcrumbs-current {
	color: var(--grey);
	pointer-events: none; /* Делаем элемент неактивным */
}

/* Стили для иконки домой */
.breadcrumbs-home {
	transform: translateY(-1px); /* Выравниваем иконку, чтобы было на уровне с текстом */
	display: flex;
	align-items: center; /* Выравнивание по центру */
	justify-content: center;
	width: 20px;
	height: 20px;
}

/* Стрелка между элементами */
.breadcrumbs-item:not(:first-child)::before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 1.25em 4px; /* Добавлен отступ снизу для выравнивания */
	border-top: 1px solid var(--mid-dark-grey);
	border-right: 1px solid var(--mid-dark-grey);
	transform: rotate(45deg);
	content: "";
}

/* Адаптивные стили для планшетов */
@media screen and (max-width: 834px) {
	.breadcrumbs {
		font-size: 12px;
	}
	
	.breadcrumbs-item:not(:first-child)::before {
		width: 7px;
		height: 7px;
		/* margin: 0 6px 3px; Сохраняем отступ снизу */
		margin: 0 15px 0 0;
	}
	
	.breadcrumbs-home {
		transform: translateY(-1px); /* Корректируем для планшетов */
	}
}

/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 428px) {
	.breadcrumbs {
		margin: 0;
		flex-wrap: wrap; /* Разрешаем перенос на новую строку на маленьких экранах */
		font-size: 10px;
	}
	
	.breadcrumbs-item:not(:first-child)::before {
		width: 6px;
		height: 6px;
		margin: 0 1em 2px; /* Уменьшаем отступ снизу для мобильных */
	}
	
	.breadcrumbs-home {
		transform: translateY(-1px); /* Корректируем для мобильных */
		width: 16px;
		height: 16px;
	}
}
/* Скрытый класс для скринридеров */
.visually-hidden {
	width: 0;
	height: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
/*
=================================================================================
	Конец Стили для хлебных крошек
=================================================================================
*/
/*
=================================================================================
	Сетка информационных блоков
=================================================================================
*/
/* Сетка блоков */
.blocks-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 1em auto 4em;
}

/* Стили для отдельного блока */
.info-block {
	flex: 25%;
	margin: 0;
	padding: 2em;
	background-color: #ffffff;
	border-radius: var(--radius-block);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Заголовок блока */
.info-block h3 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 600;
	color: #1d1d1f;
}

/* Контентная область блока */
.block-content {
	font-size: 16px;
	font-weight: 400;
}

/* Стили для списков внутри блоков */
.block-content ul {
	margin: 1em 0;
}

/* Адаптивные стили для планшетов */
@media screen and (max-width: 834px) {
	.page-title {
		margin-bottom: 40px;
		font-size: 40px;
	}
	
	.info-block {
		flex: 0 0 calc(28% - 20px); /* Сохраняем три блока в ряд */
		padding: 25px;
	}
	
	.info-block h3 {
		font-size: 22px;
	}
	
	.block-content {
		font-size: 15px;
	}
}

/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 734px) {
	.content-wrapper {
		padding: 30px 15px;
	}
	
	.page-title {
		margin-bottom: 30px;
		font-size: 32px;
	}
	
	.info-block {
		flex: 0 0 calc(90% - 20px); /* Один блок в ряд */
		padding: 25px;
	}
}
/*
=================================================================================
	Конец Сетка информационных блоков
=================================================================================
*/

/*
=================================================================================
	Стили для пункта меню
=================================================================================
*/
.menu-item-action > a {
	color: red !important;
}

/* Псевдоэлемент с иконкой */
.menu-item-action:before {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("img/action.svg");
	content: "";
}
/*
=================================================================================
	Конец Стили для пункта меню
=================================================================================
*/

/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 428px) {
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
}

/*
=================================================================================
	Блок с описанием пакетов для похорон и кремации
=================================================================================
*/
/* Responsive styles */
@media only screen and (max-width: 600px) {
	.column {
		width: 100% !important;
		display: block !important;
	}
	.content {
		padding: 20px !important;
	}
	.product-container {
		padding: 0 !important;
	}
}
/*
=================================================================================
	Конец Блок с описанием пакетов для похорон и кремации
=================================================================================
*/

/*
=================================================================================
	Стили для списка товаров в стиле Apple
=================================================================================
*/
/* Основной контейнер списка товаров */
.product-list {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', sans-serif;
}

/* Элемент товара */
.product-item {
	display: flex;
	align-items: center;
	padding: 2em 3em;
	transition: all 0.3s ease;
}

/* Чередование цветов фона */
.product-item--even {
	background-color: var(--white);
}

/* Название товара */
.product-item__title {
	flex: 1;
}
.product-item__title:before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 .5em 1px 1px;
	border-top: 1px solid var(--mid-dark-grey);
	border-right: 1px solid var(--mid-dark-grey);
	transform: rotate(45deg);
	content: "";
}

/* Ссылка на товар */
.product-item__link {
	margin: 0 1em 0 0;
	color: #1d1d1f;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	transition: color 0.2s ease;
}

.product-item__link:hover {
	border-bottom: .5px solid var(--mid-dark-grey);
}

/* Пустой элемент для выравнивания сетки */
.product-item--empty {
	height: 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
	border: none;
	box-shadow: none;
}

/* Кнопка "Уточнить цену" */
.product-item__button {
	align-self: flex-start;
	display: inline-block;
	padding: 12px 20px;
	margin-top: 16px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	background-color: #0071e3;
	border-radius: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

/* Адаптивные стили для планшетов */
@media screen and (max-width: 834px) {
	.product-list {
		padding: 0 16px;
	}

	.product-item {
		padding: 14px 20px;
	}

	.product-item__link {
		font-size: 16px;
	}
}

/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 428px) {
	.product-list {
		padding: 0 12px;
	}

	.product-item {
		padding: 12px 16px;
	}

	.product-item__link {
		font-size: 14px;
	}
}
/*
=================================================================================
	Конец Стили для списка товаров в стиле Apple
=================================================================================
*/

/*
=================================================================================
	Стили для карты сайта в стиле Apple
=================================================================================
*/

/* Основной контейнер карты сайта */
.sitemap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 40px auto;
  gap: 30px;
}

/* Колонка карты сайта */
.sitemap__column {
  flex: 1;
  min-width: calc(33.333% - 20px); /* Три колонки на десктопе */
  display: flex;
  flex-direction: column; /* Для правильного растягивания колонки */
  overflow: hidden;
  background-color: #ffffff;
  border-radius: var(--radius-block);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Заголовок колонки */
.sitemap__heading {
  margin: 0;
  padding: 24px;
  font-size: 24px;
  font-weight: 600;
  color: #1d1d1f;
  text-align: center;
  background-color: var(--mid-grey);
}

/* Список элементов */
.sitemap__list {
  margin: 0;
  padding: 16px 0;
  flex-grow: 1; /* Позволяет списку растягиваться */
  list-style: none;
}

/* Элемент списка */
.sitemap__item {
  margin: 0;
  border-bottom: 1px solid #f5f5f7;
}

.sitemap__item:last-child {
  border-bottom: none;
}

/* Ссылка на элемент */
.sitemap__link {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  color: #1d1d1f;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  transition: background-color 0.2s ease;
}

.sitemap__link:hover {
  color: #0066cc;
}

/* Дата публикации */
.sitemap__date {
  margin-top: 4px;
  font-size: 12px;
  color: var(--dark-grey);
}

/* Количество записей в рубрике */
.sitemap__count {
  margin-top: 4px;
  font-size: 12px;
  color: var(--dark-grey);
}

/* Адаптивные стили для планшетов */
@media screen and (max-width: 834px) {
  .sitemap {
	gap: 20px;
  }
  
  .sitemap__column {
	min-width: calc(50% - 10px); /* Две колонки на планшетах */
  }
  
  /* Третья колонка занимает всю ширину на планшетах */
  .sitemap__column:nth-child(3) {
	min-width: 100%;
  }
  
  .sitemap__heading {
	padding: 20px;
	font-size: 22px;
  }
  
  .sitemap__link {
	padding: 14px 20px;
	font-size: 15px;
  }
}

/* Адаптивные стили для мобильных устройств */
@media screen and (max-width: 428px) {
  .sitemap {
	padding: 0 16px;
	gap: 16px;
  }
  
  .sitemap__column {
	min-width: 100%; /* Одна колонка на мобильных */
  }
  
  .sitemap__heading {
	padding: 16px;
	font-size: 20px;
  }
  
  .sitemap__link {
	padding: 12px 16px;
	font-size: 14px;
  }
}
/*
=================================================================================
	Конец Стили для карты сайта в стиле Apple
=================================================================================
*/

/*
=================================================================================
	Фиксированное меню для мобильных устройств
=================================================================================
*/
/* Базовые стили для контейнера меню */
.container-menu {
	width: 95%;
	height: 1.75em;
	margin: 0;
	padding: 1em;
	background-color: var(--background-a); /* Или любой другой цвет фона */
	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); Тень для выделения меню */
}

/* Медиа-запрос для мобильных устройств */
@media screen and (max-width: 768px) {
	.container-menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000; /* Высокий z-index, чтобы меню было поверх другого контента */
	}
	
	/* Добавляем отступ для основного контента, чтобы он не скрывался под фиксированным меню */
	body {
		padding-top: 60px; /* Высота вашего меню, подстройте под свои нужды */
	}
	
	/* Стили для мобильного логотипа */
	.logo_mob {
		/* display: block; */
		display: flex;
		align-items: center;
	}
	
	/* Скрываем десктопный логотип на мобильных */
	.logo {
		display: none;
	}
}

/* Для десктопов возвращаем обычное поведение */
@media screen and (min-width: 769px) {
	.container-menu {
		position: relative;
	}
	
	body {
		padding-top: 0;
	}
	
	.logo_mob {
		display: none;
	}
	
	.logo {
		display: block;
	}
}
/*
=================================================================================
	Конец Фиксированное меню для мобильных устройств
=================================================================================
*/

.image_medium > img {
	border-radius: var(--radius-block);
	box-shadow: var(--shadow);
	width: 320px;
}

/* стили для корзины от ИИ */
/* Добавьте этот стиль в CSS для плавности анимаций */
.variable_item {
	transition: all 0.3s ease;
	position: relative;
}

.empty-cart-message {
	padding: 30px;
	text-align: center;
	font-size: 18px;
	color: #666;
	grid-column: 1 / -1;
}

/* Блок с изображением на углу */
.info-block {
	overflow: hidden; /* Для обрезки изображения */
}

.block-content {
	position: relative;
	z-index: 1; /* Убедимся, что текст поверх изображения */
}

.corner-image {
	position: absolute;
	bottom: -80px; /* Смещаем изображение вниз */
	right: -32px; /* Смещаем изображение вправо */
	width: 200px;
	height: 200px;
	/* border-radius: 0 0 30px 0; Радиус скругления углов */
	object-fit: cover; /* Обрезка изображения */
	z-index: -1; /* Убедимся, что изображение под текстом */
}

/* Адаптивность для планшета (ширина экрана от 768px до 1023px) */
@media (max-width: 1023px) and (min-width: 768px) {
	.info-block {
		padding: 15px;
	}

	.corner-image {
		/* width: 72px;
		height: 72px;
		bottom: -20px;
		right: -20px; */
		bottom: -50px; /* Смещаем изображение вниз */
		right: -32px; /* Смещаем изображение вправо */
		width: 200px;
		height: 200px;
	}
}

/* Адаптивность для смартфона (ширина экрана < 768px) */
@media (max-width: 767px) {
	.info-block {
		/* padding: 10px; */
		/* border-radius: 8px; */
		border-radius: var(--radius-block);
		/* border-radius: var(--mid-radius-block); */
	}

	.corner-image {
		bottom: -50px; /* Смещаем изображение вниз */
		right: -32px; /* Смещаем изображение вправо */
		width: 200px;
		height: 200px;
	}
}
/* Конец Блок с изображением на углу */


/* Контейнер для блоков, отвечает за адаптивное расположение с эффектом Lightroom */
.trust-wrapper {
	display: flex; /* Гибкий контейнер */
	flex-wrap: wrap; /* Позволяет переносить блоки на новую строку */
	justify-content: space-between; /* Равномерное распределение */
	gap: 20px; /* Расстояние между блоками */
	padding: 20px;
}

/* Отдельный блок */
.trust-block {
	background: #fff; /* Белый фон */
	border-radius: var(--radius-block); /* Скругление углов */
	padding: 1em;
	text-align: center; /* Выравнивание содержимого */
	transition: box-shadow 0.3s ease-in-out; /* Плавный эффект тени */
	max-width: 300px;
	flex: 1 1 calc(28% - 20px); /* 3 блока в ряд с учетом отступов */
}

/* Тень при наведении */
.trust-block:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); /* Легкая тень */
}

/* Изображение в блоке */
.trust-image {
	width: 100px;
	height: 100px;
	border-radius: 10px; /* Скругленные углы */
	object-fit: cover; /* Корректное отображение */
}

/* Заголовок блока */
.trust-title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	color: #333;
}

/* Адаптация для планшетов (2 блока в ряд) */
@media (max-width: 1024px) {
	.trust-block {
		flex: 1 1 calc(50% - 20px); /* Два блока в ряд */
	}
}

/* Адаптация для мобильных устройств (1 блок в ряд) */
@media (max-width: 768px) {
	.trust-block {
		flex: 1 1 100%; /* Один блок на всю ширину */
	}
}

/* Контейнер для блоков, отвечает за адаптивное расположение */
/* Контейнер с блоками */
.gratitude-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	padding: 20px;
}

/* Карточка с документом */
.gratitude-block {
	background: #fff;
	border-radius: 30px;
	padding: 20px;
	text-align: center;
	transition: box-shadow 0.3s ease-in-out;
	max-width: 300px;
	flex: 1 1 calc(28% - 20px);
}

/* Тень при наведении */
.gratitude-block:hover {
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
}

/* Изображение документа */
.gratitude-image {
	width: 100%;
	aspect-ratio: 2 / 3;
	border-radius: 10px;
	object-fit: cover;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}

/* Заголовок */
.gratitude-title {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
	color: #333;
}

/* Lightbox (увеличение изображения) */
.lightbox {
	display: none; /* По умолчанию скрыт */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8); /* Затемнение фона */
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

/* Увеличенное изображение */
.lightbox img {
	max-width: 90%;
	max-height: 90%;
	border-radius: 10px;
	transition: transform 0.3s ease-in-out;
}

/* Адаптация под планшеты (2 блока) */
@media (max-width: 1024px) {
	.gratitude-block {
		flex: 1 1 calc(50% - 20px);
	}
}

/* Адаптация под смартфоны (1 блок) */
@media (max-width: 768px) {
	.gratitude-block {
		flex: 1 1 100%;
	}
}
/* Конец Контейнер для блоков, отвечает за адаптивное расположение с эффектом Lightroom */


/* Секция с динамическим градиентом */
.gradient-section {
	width: 100%;
	height: 50px; /* Можно менять высоту */
	position: relative;
	overflow: hidden;
}

/* Плавный зацикленный градиент */
.gradient-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #004d80, #0077b6, #0096c7, #00b4d8, #90e0ef 80%, #f5f5f5 90%, #f5f5f5 100%);
	background-size: 100% 200%;
	animation: infiniteGradient 16s ease-in-out infinite;
}

/* Плавный зацикленный переход */
@keyframes infiniteGradient {
	0% {
		background-position: 100% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	100% {
		background-position: 100% 0%;
	}
}

/* Эффект шума */
.noise-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('images/noise.png'); /* Подключаем текстуру шума */
	opacity: 0.1; /* Делаем шум едва заметным */
	mix-blend-mode: overlay; /* Смешивание для мягкости */
	pointer-events: none; /* Чтобы не мешал кликам */
}

/* Конец Секция с динамическим градиентом */