.issou-kontakty {
	--issou-blue: #1093db;
	width: 100%;
	box-sizing: border-box;
}

.issou-kontakty *,
.issou-kontakty *::before,
.issou-kontakty *::after {
	box-sizing: border-box;
}

.issou-kontakty__title {
	margin: 0 0 30px;
	padding: 0;
	color: var(--issou-blue);
	font-family: inherit;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.issou-kontakty__scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.issou-kontakty__table {
	width: 100%;
	min-width: 720px;
	margin: 0;
	border: 1px solid var(--issou-blue);
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
	color: #3d3d3d;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.35;
	table-layout: fixed;
}

.issou-kontakty__table thead th {
	height: 46px;
	padding: 10px 14px;
	border: 1px solid var(--issou-blue);
	background: var(--issou-blue);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
}

.issou-kontakty__table thead th:not(:last-child) {
	border-right-color: rgba(255, 255, 255, 0.32);
}

.issou-kontakty__table td {
	height: 58px;
	padding: 8px 14px;
	border: 1px solid var(--issou-blue);
	background: #fff;
	color: #3d3d3d;
	text-align: left;
	vertical-align: middle;
}

.issou-kontakty__photo-head,
.issou-kontakty__photo {
	width: 82px;
	text-align: center !important;
}

.issou-kontakty__name {
	width: 25%;
}

.issou-kontakty__info {
	width: 35%;
}

.issou-kontakty__email {
	width: 32%;
	overflow-wrap: anywhere;
}

.issou-kontakty__head {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.issou-kontakty__head svg {
	display: block;
	width: 14px;
	height: 14px;
	flex: 0 0 14px;
	fill: currentColor;
}

.issou-kontakty__avatar {
	display: block;
	width: 42px !important;
	height: 42px !important;
	margin: 0 auto;
	border: 0;
	border-radius: 50%;
	object-fit: cover;
}

.issou-contact-placeholder {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	color: #777;
	vertical-align: middle;
}

.issou-contact-placeholder svg {
	width: 33px;
	height: 33px;
	fill: currentColor;
}

.issou-kontakty__email a {
	color: inherit;
	text-decoration: none;
}

.issou-kontakty__email a:hover,
.issou-kontakty__email a:focus {
	color: var(--issou-blue);
	text-decoration: underline;
}

.issou-kontakty__empty {
	padding: 22px !important;
	text-align: center !important;
}

@media (max-width: 767px) {
	.issou-kontakty__title {
		margin-bottom: 20px;
		font-size: 21px;
	}

	.issou-kontakty__table {
		display: block;
		min-width: 0;
		border: 0;
		font-size: 14px;
	}

	.issou-kontakty__scroll {
		overflow-x: visible;
	}

	.issou-kontakty__table thead {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	.issou-kontakty__table tbody {
		display: block;
		width: 100%;
	}

	.issou-kontakty__table tbody tr {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		gap: 8px 12px;
		width: 100%;
		margin-bottom: 12px;
		padding: 16px;
		border: 1px solid var(--issou-blue);
		border-radius: 8px;
		background: #fff;
	}

	.issou-kontakty__table td {
		display: block;
		width: auto;
		min-width: 0;
		height: auto;
		padding: 0;
		border: 0;
		overflow-wrap: anywhere;
	}

	.issou-kontakty__table .issou-kontakty__photo {
		grid-column: 1;
		grid-row: 1 / span 3;
	}

	.issou-kontakty__name,
	.issou-kontakty__info,
	.issou-kontakty__email {
		grid-column: 2;
	}

	.issou-kontakty__table .issou-kontakty__name {
		font-weight: 700;
		color: var(--issou-blue);
	}

	.issou-kontakty__email a {
		display: inline-block;
		max-width: 100%;
		padding: 8px 0;
		text-decoration: underline;
	}

	.issou-kontakty__table .issou-kontakty__empty {
		grid-column: 1 / -1;
	}
}
