/* Start:/local/templates/aspro-premier/components/bitrix/news.list/masters/style.css?179059038788*/
/* Component-local overrides kept empty: shared styles live in css/masters/style.css */

/* End */


/* Start:/local/templates/aspro-premier/css/masters/style.css?179068317910605*/
:root {
	--ink: #070707;
	--gap: 34px;
}

.masters-page {
	box-sizing: border-box;
	color: var(--ink);
	font-family: "Wix Madefor Text", Arial, sans-serif;
}

.masters-page *,
.masters-page *::before,
.masters-page *::after {
	box-sizing: border-box;
}

.masters-page a {
	color: inherit;
	text-decoration: none;
}

.masters-page button {
	font: inherit;
	cursor: pointer;
	color: inherit;
	border: 0;
	background: none;
	padding: 0;
}

.masters-page button,
.masters-page a {
	-webkit-tap-highlight-color: transparent;
}

.masters-page img {
	display: block;
}

.masters-page h1,
.masters-page h2,
.masters-page h3,
.masters-page p {
	margin: 0;
	color: inherit;
}

.masters-page h1,
.masters-page h2 {
	font-size: 34px;
	line-height: 1.25;
	font-weight: 700;
}

.masters-page h3 {
	font-size: 20px;
	line-height: 1.25;
}

.masters-page a:focus-visible,
.masters-page button:focus-visible {
	outline: 3px solid #ba4661;
	outline-offset: 5px;
}

.masters-page a:hover,
.masters-page button:hover {
	filter: brightness(.88);
	color: inherit;
}

/* Список мастеров */
.masters {
	display: flex;
	flex-wrap: wrap;
	gap: 34px;
}

.master-card {
	position: relative;
	flex: 0 0 calc((100% - 102px) / 4);
	aspect-ratio: 253 / 386;
	overflow: hidden;
	border-radius: 10px;
	background: #000;
	color: #fff;
	container-type: inline-size;
}

.master-image {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.master-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.master-card[data-master="anastasia"] .master-image img {
	position: absolute;
	top: 5.9%;
	left: -.4%;
	height: 88.08%;
	width: 100.79%;
}

.master-card[data-master="boris"] .master-image img {
	position: absolute;
	width: 155.94%;
	height: 153.29%;
	left: -27.73%;
	top: -3.9%;
	object-fit: fill;
}

.master-card[data-master="liza"] .master-image img {
	position: absolute;
	width: 144.69%;
	height: 133.16%;
	left: -22.34%;
	top: -16.58%;
	object-fit: fill;
}

.master-card[data-master="timur"] .master-image img {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	object-fit: contain;
}

.master-card[data-master="holly"] .master-image {
	background: black;
}

.master-card[data-master="holly"] .master-image img {
	mix-blend-mode: hard-light;
}

.card-shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(155.09456deg, rgba(0, 0, 0, 0) 68.77%, rgba(0, 0, 0, .8) 100.8%, #020202 121.25%),
		linear-gradient(192.62755deg, rgba(0, 0, 0, 0) 38.596%, rgba(0, 0, 0, .8) 70.858%, #020202 91.455%);
	pointer-events: none;
}

.master-link {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding: 0 7.905% 11.858%;
	gap: 8px;
	justify-content: space-between;
}

.master-info {
	display: flex;
	flex-direction: column;
	gap: 3.557cqw;
	min-width: 0;
}

.master-info h2 {
	font-size: 6.324cqw;
	line-height: 1.24;
	font-weight: 800;
	color: #fff;
}

.master-info p {
	font-size: 4.743cqw;
	color: #dbdbdb;
	padding-top: 1.581cqw;
}

.masters-page .stats {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
}

.masters-page .stats > span,
.masters-page .stats > button {
	display: inline-flex;
	align-items: center;
	gap: 3px;
}

.master-card .stats {
	gap: 3.16cqw;
	font-size: 4.743cqw;
}

.master-card .stats img {
	width: 4.743cqw;
	height: 4.743cqw;
	object-fit: contain;
}

.arrow-icon {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 15.415cqw;
	height: 15.415cqw;
}

.arrow-icon img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

/* Профиль мастера */
.masters-page .profile {
	display: flex;
	position: relative;
	overflow: hidden;
	border-radius: 27px;
	background: #070707;
	color: #fff;
	min-height: 603px;
}

/* Тема Aspro задаёт свой цвет h1/h3/li — принудительно белый внутри карточки */
.masters-page .profile,
.masters-page .profile-body,
.masters-page .profile-body h1,
.masters-page .profile-body h2,
.masters-page .profile-body h3,
.masters-page .profile-body p,
.masters-page .profile-body ul,
.masters-page .profile-body li,
.masters-page .profile-body a,
.masters-page .profile .social,
.masters-page .profile .social h3 {
	color: #fff;
}

.masters-page .profile-body li::marker {
	color: #fff;
}

.masters-page .profile-portrait {
	position: relative;
	flex: 0 0 49%;
	overflow: hidden;
}

.masters-page .profile-portrait > img {
	position: absolute;
	width: 492px;
	height: 752px;
	max-width: none;
	object-fit: cover;
	top: -34px;
	left: -11px;
}

.masters-page .profile-body {
	flex: 1;
	min-width: 0;
	padding: 54px 47px 54px 28px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.masters-page .profile-body h1 {
	font-size: 34px;
}

.masters-page .profile-body ul {
	padding: 0 0 0 23px;
	margin: 0;
	display: block;
	font-size: 16px;
	line-height: 1.3;
	list-style: none;
	color: #fff;
}

.masters-page .profile-body li {
	position: relative;
	margin: 0 0 10px;
	color: #fff;
}

.masters-page .profile-body li:last-child {
	margin-bottom: 0;
}

/* Кастомные маркеры — нативные ::marker тема/flex рисуют нестабильно */
.masters-page .profile-body li::before {
	content: "";
	position: absolute;
	left: -16px;
	top: .55em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
}

.masters-page .profile-body li::marker {
	color: #fff;
}

.masters-page .profile-body a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.masters-page .profile-body a:hover {
	color: #fff;
	text-decoration: underline;
	filter: none;
}

.masters-page .profile .social {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.masters-page .profile .social h3 {
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700;
	color: #fff;
}

.masters-page .profile .social > div {
	display: flex;
	gap: 15px;
}

.masters-page .profile .social img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

/* Видео — как в вёрстке: первые flex:1, последнее шире (2.13) */
.media-section {
	padding-top: 80px;
	display: flex;
	flex-direction: column;
	gap: 29px;
}

.videos {
	display: flex;
	gap: 34px;
	align-items: flex-start;
}

.video-card {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.video-card:last-child {
	flex: 2.13;
}

.media-visual {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 387px;
	width: 100%;
	display: block;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

.media-visual > .cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 1440px) {
	.video-card:last-child .cover {
		object-position: center 20.8%;
	}
}

.play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.play img {
	width: 54px;
	height: 54px;
}

.video-meta {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.video-meta h3 {
	font-size: 20px;
	line-height: 1.25;
	font-weight: 700;
}

.date {
	font-size: 14px;
	opacity: .7;
}

@media (prefers-reduced-motion: no-preference) {
	.masters-page a,
	.masters-page button {
		transition: filter .15s, background .15s;
	}
}

@media (min-width: 768px) and (max-width: 1439px) {
	.master-card {
		flex-basis: calc((100% - 68px) / 3);
	}

	.masters-page .profile-portrait {
		flex-basis: 43%;
	}

	.masters-page .profile-portrait > img {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-position: center;
	}

	.masters-page .profile-body {
		padding: 35px 28px;
	}

	.masters-page .profile-body h1 {
		font-size: 28px;
	}

	.masters-page .profile {
		min-height: 540px;
	}

	.videos {
		flex-wrap: wrap;
	}

	.video-card {
		flex: 0 0 calc((100% - 34px) / 2);
	}

	.video-card:last-child {
		flex: 0 0 100%;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.masters .master-card {
		flex-basis: calc((100% - 68px) / 3);
	}

	.masters-page .profile-portrait {
		flex-basis: 45%;
	}

	.masters-page .profile-body {
		padding: 35px 25px;
	}

	.masters-page .profile-body h1 {
		font-size: 28px;
	}
}

@media (max-width: 767px) {
	.masters {
		gap: 34px;
	}

	.master-card {
		flex-basis: 100%;
	}

	.master-card .arrow-icon img {
		content: url("/local/templates/aspro-premier/images/masters/839cf.svg");
	}

	.master-card .stats span:nth-child(1) img {
		content: url("/local/templates/aspro-premier/images/masters/fa67e.svg");
	}

	.master-card .stats span:nth-child(2) img {
		content: url("/local/templates/aspro-premier/images/masters/ce614.svg");
	}

	.master-card .stats span:nth-child(3) img {
		content: url("/local/templates/aspro-premier/images/masters/46e60.svg");
	}

	.masters-page .profile {
		border-radius: 10px;
		flex-direction: column;
		min-height: 0;
	}

	.masters-page .profile-portrait {
		flex: none;
		width: 100%;
		height: 267px;
		overflow: visible;
	}

	.masters-page .profile-portrait > img {
		width: 100%;
		height: auto;
		aspect-ratio: 343 / 569;
		top: -28px;
		left: 0;
		object-fit: cover;
	}

	.masters-page .profile-portrait:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 525px;
		background:
			linear-gradient(156.157deg, transparent 44.386%, rgba(0, 0, 0, .8) 82.732%, #020202 107.21%),
			linear-gradient(194.877deg, transparent 20.303%, rgba(0, 0, 0, .8) 56.66%, #020202 79.87%);
		pointer-events: none;
	}

	.masters-page .profile-body {
		position: relative;
		padding: 0 20px 34px;
		gap: 22px;
		min-height: 509px;
	}

	.masters-page .profile-body h1 {
		font-size: 20px;
		margin-bottom: -5px;
	}

	.masters-page .profile-body ul {
		line-height: 1.25;
		gap: 10px;
		padding-left: 24px;
		list-style: disc;
	}

	.masters-page .profile .social {
		padding-top: 0;
	}

	.media-section {
		padding-top: 34px;
		gap: 30px;
	}

	.media-section h2 {
		font-size: 34px;
	}

	.videos {
		flex-direction: column;
		gap: 34px;
		align-items: center;
	}

	.video-card,
	.video-card:last-child {
		flex: auto;
		width: 100%;
		max-width: 100%;
		align-items: center;
		text-align: center;
	}

	.video-card .media-visual {
		height: 458px;
	}

	.video-card:first-child .media-visual {
		height: 387px;
	}

	.video-meta {
		align-items: center;
		width: 100%;
	}
}

@media (min-width: 425px) and (max-width: 767px) {
	.master-card {
		aspect-ratio: 343 / 523.312;
	}

	.masters-page .profile-portrait {
		height: 310px;
	}

	.masters-page .profile-portrait > img {
		height: 640px;
	}

	.masters-page .profile-portrait:after {
		height: 580px;
	}
}

/* End */
/* /local/templates/aspro-premier/components/bitrix/news.list/masters/style.css?179059038788 */
/* /local/templates/aspro-premier/css/masters/style.css?179068317910605 */