/* ============================= */
/*         BLOCK: SEAMLESS       */
/* ============================= */

.seamless {
	background: var(--color-white);
	padding: 38px 0;
}

.seamless__title {
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 40px;
	line-height: 115%;
	letter-spacing: 0.05em;
	color: var(--color-text);
	margin-bottom: 48px;
}

/* Сетка карточек */
.seamless__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px; /* расстояние между карточками */
}

.seamless__card {
	width: 420px;
	height: 320px;
	padding: 24px 24px 24px 32px;
	border-radius: 20px;
	background: var(--color-gray-100);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;

	font-family: var(--font-family);
	font-weight: 600;

	text-align: center;
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
	transition: transform 0.3s, box-shadow 0.3s;
	background-size: cover;


	font-size: 24px;
	line-height: 130%;
	color: #fff;
}

.seamless__card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.seamless__card span {
	text-align: left;
}
.seamless__card svg {
	flex: none;
}

/* Адаптив */
@media (max-width: 1280px) {
	.seamless__card {
		width: 33%; /* 3 колонки */
	}
}

@media (max-width: 992px) {
	.seamless__card {
		width: 48%; /* 2 колонки */
	}
}

@media (max-width: 600px) {
	.seamless__card {
		width: 100%; /* 1 колонка */
	}
}

@media (max-width: 768px) {
	/* ============================= */
	/*         SERVICES              */
	/* ============================= */


	.seamless__card {
		height: 120px;
		padding: 18px 20px 20px;
		position: relative;
		background-position: center bottom;
		background-size: cover;
		overflow: hidden;
	}
	.seamless__card:before {
		content : "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		background: #00000054;
	}
	.seamless__card > * {
		z-index: 1;
	}
}