

/* 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:/local/templates/fhso_2025/components/bitrix/news/fhso_teams_2025/bitrix/news.detail/.default/style.css?1772028445210*/
.team-detail__banner-title_color{
    background: linear-gradient(90deg, #0085e4 0%, #0db7ff 100%);
        -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* End */


/* Start:/local/templates/fhso_2025/assets/css/championship_detail.css?177364842810954*/
.championship-detail__wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
	background: var(--color-bg-white);
	box-shadow: 0px 32px 64px -16px #001c4780;
	padding: 20px;
	border-radius: var(--radius-xl);
}

.championship-detail__banner {
	margin: 0;
	height: 320px;
	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;
}

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

.championship-detail__banner-image::before {
	border-radius: var(--radius-lg);
	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;
}

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

.championship-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;
}

.championship-detail__title-wrapper {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	align-items: flex-end;
}

.championship-detail__tabs {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.championship-detail__tabs-group {
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	/* background: #f2f7f8; */
	border-radius: 70px;
	width: fit-content;
}

.championship-detail__tab {
	background: #004890;

	color: #a2d9f3;
	padding: 12px 32px;
	border-radius: 24px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;
}

.championship-detail__tab.active,
.championship-detail__tab.championship-detail__tab--active {
	background: #0085e4;
	color: #ffffff;
}

.championship-detail__tabs-group--inner .championship-detail__tab {
	font-size: 18px;
	font-weight: 500;
}

.championship-detail__conferences {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.championship-detail__conferences-tables-container {
	overflow: hidden;
}

.championship-detail__conferences-tables {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 40px;
}

.championship-detail__conference-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.championship-detail__conference-title {
	font-size: 24px;
}

.championship-detail__conference-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0px 24px 24px -8px #00306740;
}

.championship-detail__conference-header {
	background: transparent;
}

.championship-detail__detail-table-wrapper {
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
	background: #f2f7f8;
	border-radius: 70px;
	width: fit-content;
	align-self: center;
}

.championship-detail__detail-table-link {
	background: #004890;
	box-shadow: -1px -1px 2px 1px #ffffff4d inset,
		0.5px 0.5px 0.5px 1px #ffffff4d inset, 0px 0px 0px 1px #ffffff80 inset;
	color: #a2d9f3;
	padding: 12px 32px;
	border-radius: 24px;
	font-size: 24px;
	cursor: pointer;
	text-align: center;
}

.championship-detail__conference-row {
	display: grid;
	grid-template-columns: 70px 1fr repeat(2, 80px);
	align-items: center;
	font-size: 14px;
	color: var(--color-primary-dark);
}

.championship-detail__conference-body {
	position: relative;
}

.championship-detail__conference-body
	.championship-detail__conference-row:nth-child(even) {
	background: #ebf5f9;
}

thead .championship-detail__conference-row {
	background: linear-gradient(88.88deg, #001c47 0.19%, #0064b5 100%);
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 15px 0;
}

.championship-detail__conference-team--play-off {
	background: linear-gradient(
		90deg,
		rgba(0, 133, 228, 0.25) 0%,
		rgba(0, 133, 228, 0) 50%
	);
	border-left: 4px solid #0085e4;
}

.play-off {
	display: flex;
	position: absolute;
	top: -33px;
	left: 22px;
	background-color: #0085e480;
	box-shadow: 0px 4px 32px 0px #001c4780, 0px 4px 4px 0px #001c4766 inset,
		0px 0px 2px 0px #ffffff inset;
	color: #ffffff;
	font-size: 16px;
	line-height: 150%;
	padding: 10px;
	border-radius: 10px;
}

.play-off::after {
	content: "";
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M6.5 6.5L0 0H13L6.5 6.5Z' fill='%230085E4' fill-opacity='0.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	bottom: -100%;
	left: calc(50% - (13px / 2));
	width: 100%;
	height: 100%;
}

.championship-detail__conference-cell {
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #003067;
}

.championship-detail__conference-header .championship-detail__conference-cell {
	color: #ffffff;
}

.championship-detail__conference-cell--team,
.championship-detail__conference-cell:has(
		.championship-detail__conference-team
	) {
	justify-self: flex-start;
}

.championship-detail__conference-team {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 6px 0 6px 10px;
}

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

.championship-detail__conference-team-logo {
	min-width: 40px;
	width: 40px;
	height: 40px;
	border-radius: 4px;
}

.championship-detail__conference-team-name {
	text-align: start;
}

.championship-detail__tournament-summary,
.championship-detail__top-largest,
.championship-detail__popular-scores {
	padding-top: 48px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.tournament-summary__scroll-container,
.top-largest__scroll-container {
	overflow: hidden;
}

.tournament-summary__table-wrapper,
.top-largest__table-wrapper {
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 40px;
}

.championship-detail__tournament-summary-table,
.championship-detail__top-largest-table,
.championship-detail__popular-scores-table {
	overflow: hidden;
	border-radius: 24px;
	width: 100%;
	box-shadow: 0px 24px 24px -8px #00306740;
}

.championship-detail__tournament-summary-body {
	display: grid;
	grid-template-columns: repeat(3, minmax(270px, 1fr));
}

.championship-detail__tournament-summary-body
	.championship-detail__tournament-summary-row--titles
	.championship-detail__tournament-summary-cell:nth-child(odd) {
	background: linear-gradient(88.88deg, #001c47 0.19%, #0064b5 100%);
}

.championship-detail__tournament-summary-row--titles
	.championship-detail__tournament-summary-cell:nth-child(even) {
	background: linear-gradient(88.88deg, #0045ad 0.19%, #0085e4 100%);
}

.championship-detail__tournament-summary-body
	.championship-detail__tournament-summary-cell:nth-child(odd) {
	background: #ebf5f9;
}

.championship-detail__tournament-summary-cell,
.championship-detail__top-largest-cell,
.championship-detail__popular-scores-cell {
	font-weight: 700;
	font-size: 24px;
	padding: 15px 0;
	text-align: start;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #003067;
}

.championship-detail__tournament-summary-row:not(
		.championship-detail__tournament-summary-row--titles
	)
	.championship-detail__tournament-summary-cell,
.championship-detail__top-largest-row:not(
		.championship-detail__top-largest-row--titles
	)
	.championship-detail__top-largest-cell {
	justify-content: center;
	text-align: center;
}

.championship-detail__tournament-summary-row--titles
	.championship-detail__tournament-summary-cell,
.championship-detail__top-largest-row--titles
	.championship-detail__top-largest-cell {
	padding: 15px 0 15px 24px;
}

.championship-detail__tournament-summary-row,
.championship-detail__top-largest-row {
	display: grid;
	grid-template-rows: repeat(auto-fit, minmax(60px, 1fr));
}

.championship-detail__top-largest-body {
	display: grid;
	grid-template-columns: minmax(300px, 1fr) 120px minmax(300px, 1fr) 120px;
}

.championship-detail__top-largest-body
	.championship-detail__top-largest-row--titles
	.championship-detail__top-largest-cell:nth-child(odd) {
	background: linear-gradient(88.88deg, #001c47 0.19%, #0064b5 100%);
}

.championship-detail__top-largest-row--titles
	.championship-detail__top-largest-cell:nth-child(even) {
	background: linear-gradient(88.88deg, #0045ad 0.19%, #0085e4 100%);
}

.championship-detail__top-largest-body
	.championship-detail__top-largest-cell:nth-child(odd) {
	background: #ebf5f9;
}

.championship-detail__popular-scores-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	gap: 24px;
}

.championship-detail__popular-scores-body {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.championship-detail__popular-scores-body
	.championship-detail__popular-scores-cell:nth-child(odd) {
	background: #ebf5f9;
}

.championship-detail__popular-scores-cell {
	justify-content: center;
	text-align: center;
}

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

	.championship-detail__banner {
		padding: 12px;
		border-radius: 32px;
		height: 240px;
	}

	.championship-detail__banner-image::before,
	.championship-detail__banner-image::after {
		border-radius: 32px;
	}

	.championship-detail__title-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}

	.championship-detail__banner-title {
		font-size: clamp(24px, 5vw, 32px);
		text-align: center;
	}

	.championship-detail__tabs-group {
		border-radius: 24px;
		gap: 6px;
	}

	.championship-detail__tab,
	.championship-detail__detail-table-link {
		font-size: 16px;
	}

	.championship-detail__tabs-group--inner .championship-detail__tab {
		font-size: 12px;
	}

	.championship-detail__conference-cell,
	.championship-detail__tournament-summary-cell,
	.championship-detail__top-largest-cell,
	.championship-detail__popular-scores-cell {
		font-size: 18px;
	}

	.championship-detail__popular-scores-wrapper {
		grid-template-columns: 1fr;
	}

	.championship-detail__tournament-summary-body {
		grid-template-columns: repeat(3, minmax(180px, 1fr));
	}

	.championship-detail__top-largest-body {
		grid-template-columns: minmax(200px, 1fr) 120px minmax(200px, 1fr) 120px;
	}
}

/* End */
/* /local/templates/fhso_2025/assets/css/team_detail.css?17816804116333 */
/* /local/templates/fhso_2025/components/bitrix/news/fhso_teams_2025/bitrix/news.detail/.default/style.css?1772028445210 */
/* /local/templates/fhso_2025/assets/css/championship_detail.css?177364842810954 */
