/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 09 2026 | 10:06:25 */
/* ===== КАРТОЧКА С ИЗОБРАЖЕНИЕМ ===== */
.u-card-service {
	position: relative !important;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 800px;
	aspect-ratio: 4/3;
	/* 	height: 100%; */
	min-height: 348px;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(0,0,0,0.15);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	/* Заполнитель фона без изображения: */
	background: #1a1a1a88;
}
.u-card-service:hover {
	/* 	transform: scale(1.02); */
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25);
}
/* Принудительное удаление дополнительных отступов */
.u-card-service > * {
	margin-block-start: 0 !important;
}
/* ===== ИЗОБРАЖЕНИЕ (тег img внутри figure) ===== */
.u-card-service > .u-card-bg-img {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	transition: transform 0.3s ease;
}
.u-card-service > .u-card-bg-img > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.u-card-service:hover > .u-card-bg-img {
	transform: scale(1.04);
	/* 	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.25); */
}
/* ===== ЗАТЕНЕНИЕ (слой поверх изображения) ===== */
.u-card-service > .u-card-bg-overlay {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to bottom, rgba(0,0,0, 0.15) 0%, rgba(0,0,0,0.7) 100%);
	/* Дополнительно можно добавить тень от текста через backdrop-filter */
	backdrop-filter: blur(1px);
}
/* Если внутри overlay есть пустой <p>, скрываем его */
.u-card-service > .u-card-bg-overlay > p {
	display: none;
}
/* ===== КОНТЕНТ ПОВЕРХ (текст + кнопка) ===== */
.u-card-service > .u-card-content {
	position: absolute !important;
	/* 	bottom: 0; */
	bottom: 20px;
	left: 0;
	width: 100%;
	z-index: 2;
	padding: 30px 28px 28px;
	color: #fff;
	/* Отключаем pointer-events у контейнера, чтобы клики работали только по кнопке */
	pointer-events: none;
}
/* Включаем pointer-events для интерактивных элементов внутри */
.u-card-service > .u-card-content * {
	pointer-events: auto;
}
/*  */