/* Start:/local/templates/fhso_2025/assets/css/team_detail.css?17816804116333*/
.team-detail {
	padding-bottom: 40px;
}

.team-detail__wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: var(--color-bg-white);
	box-shadow: 0px 32px 64px -16px #001c4780;
	padding: 20px;
	border-radius: 48px;
	overflow: hidden;
}

.team-detail__banner {
	margin: 0;
	height: 400px;
	box-shadow: 0px 32px 64px -24px #0045ad40, 0px 0px 0px 2px #ffffff80 inset,
		0px 0px 0px 1px #001c4733;
	border-radius: var(--radius-lg);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 24px;
	position: relative;
	overflow: hidden;
}

.team-detail__banner-image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

.team-detail__banner-image::before {
	border-radius: 24px;
	background: linear-gradient(
		180deg,
		rgba(0, 100, 181, 0) 38.62%,
		rgba(0, 100, 181, 0.9) 100%,
		#0045adb2
	);
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.team-detail__banner-image::after {
	border-radius: 24px;
	background: #0045adb2;
	mix-blend-mode: soft-light;
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.team-detail__banner-title {
	font-family: var(--font-heading);
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.1;
	filter: drop-shadow(0px 4px 16px #001c4733);
	background: linear-gradient(88.88deg, #ffffff 0.19%, #c7f7ff 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	z-index: 2;
}

.team-detail__info {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.team-detail__text {
	font-size: 24px;
}

.team-detail__contacts > * {
	line-height: 150%;
}

.team-composition__wrapper.wave-decoration {
	overflow: hidden;
	padding: 24px 20px 54px;
}

.team-composition__captain {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	gap: 24px;
}

.team-composition__captain-img {
	height: 233px;
	object-fit: cover;
	width: 100%;
	box-shadow: 0px 0px 0px 2px #ffffff inset, 0px 24px 32px -16px #0064b526;
	background: linear-gradient(180deg, #cbebfa 0%, #b1dbef 100%);
	border-radius: 24px;
}

.team-composition__captain-info {
	display: flex;
	flex-direction: column;
	grid-gap: 4px;
}

.team-composition__title {
	font-size: 24px;
	padding: 24px 0 20px;
}

.team-composition__scroll-container {
	overflow: hidden;
}

.team-composition__table-wrapper {
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 20px;
}
/* Добавил с главной */
.team-composition__table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 24px;
	overflow: hidden;
    /* box-shadow: 0px 24px 24px -8px #00306740;
    background: linear-gradient(180deg, #0c62b0 0%, #004b96 100%); */
	margin-top: 24px;
	/* margin-bottom: 24px; */
}

.team-composition__table-header .team-composition__row,
.team-composition__table-header .team-composition__row_general {
	background: linear-gradient(88.88deg, #001c47 0.19%, #0064b5 100%);
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 15px 10px;
}

.team-composition__row {
	display: grid;
	grid-template-columns: 70px 130px repeat(2, minmax(420px, 1fr)) 160px;
	padding: 4px 0;
}

.team-composition__row-players {
	grid-template-columns: 90px 240px 120px 205px 175px 150px 30px 100px 20px;
    gap: 21px;
    padding: 5px 10px;
}

.team-composition__row-players .team-composition__cell,
.team-composition__row-players .team-composition__cell.heading-right {
	justify-content: center;
}
.team-composition__cell {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
    text-align: left;
}

.team-composition__cell--number,
.team-composition__cell {
	font-weight: 700;
	font-size: 24px;
}

.team-composition__table-body {
	background: #f5fbff;
}

.team-composition__table-body .team-composition__row:nth-child(even) {
	background: #ffffff;
}

.team-composition__table-body .team-composition__row:nth-child(odd) {
	background: #ebf5f9;
}

.standings__table-cell--team,
.team-composition__cell--team {
	justify-content: flex-start;
	text-transform: none;
}

.team-composition__cell--player {
	justify-content: flex-start;
	padding: 0 10px;
}

.team-composition__cell.heading-right {
	justify-content: flex-start;
	padding: 0 10px;
}

picture:has(.team-composition__player-photo) {
	padding: 0 4px;
}

.team-composition__player-photo {
	min-width: 112px;
	height: 140px;
	object-fit: cover;
	border-radius: 4px;
}

picture:has(.team-composition__team-logo) {
	padding: 4px;
	background-color: #ffffff;
	border-radius: 8px;
	margin-right: 10px;
	box-shadow: 0px 4px 8px -4px #0064b540;
}

.team-composition__team-logo {
	min-width: 84px;
	width: 84px;
	height: 84px;
	object-fit: contain;
}

@media (max-width: 991px) {
	.team-composition__captain {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 768px) {
	.team-detail__wrapper {
		padding: 10px;
		border-radius: 32px;
		margin: 0 10px;
	}

	.team-detail__banner {
		padding: 12px;
	}

	.team-detail__banner-title {
		font-size: clamp(20px, 5vw, 32px);
	}

	.team-detail__text {
		font-size: 16px;
	}

	.team-composition__wrapper.wave-decoration {
		padding: 24px 10px 15px;
	}

	.team-composition__captain {
		grid-template-columns: 1fr;
	}

	.team-composition__captain-img {
		width: 50%;
		height: auto;
		border-radius: 12px;
		aspect-ratio: 160 / 110;
	}

	.team-composition__title {
		padding-bottom: 8px;
		font-size: 16px;
	}

	.team-composition__table {
		margin: 0;
		margin-top: 25px;
	}

	.team-composition__row {
		grid-template-columns: 40px 90px repeat(2, minmax(330px, 1fr)) 100px;
		padding: 3px 0;
	}

	.team-composition__row-players {
		grid-template-columns: 40px 115px 220px 100px 170px 190px 70px 95px 70px;
	}

	.team-composition__row-players .team-composition__cell.heading-md {
		font-size: 16px;
	}

	.team-composition__table-header .team-composition__row {
		padding: 19px 0;
	}

	.team-composition__team-name,
	.team-composition__cell--number,
	.team-composition__cell {
		font-size: 18px;
	}

	.team-composition__wrapper {
		padding: 24px 10px 20px;
	}

	.team-composition__player-photo {
		min-width: 82px;
		height: 52px;
	}

	.team-composition__team-logo {
		min-width: 46px;
		height: 46px;
	}
}

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.css?179025032064*/
font.errortext
{
	color:red;
}

font.notetext
{
	color:green;
}

/* End */
/* /local/templates/fhso_2025/assets/css/team_detail.css?17816804116333 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.css?179025032064 */