/* Start:/local/templates/enzolab_v2/components/bitrix/news.detail/portfolio/style.css?17921282984034*/
/* Страница кейса: паспорт проекта, «Что сделано» и вертикальный таймлайн этапов */
.news-detail-portfolio {
	--ct-primary: var(--el-primary, #755686);
	--ct-primary-soft: var(--el-primary-soft, rgba(117, 86, 134, .1));
	--ct-heading: var(--el-heading, #0b0f19);
	--ct-text: var(--el-text, #565973);
	--ct-muted: var(--el-muted, #9397ad);
	--ct-border: var(--el-border, #e2e5f1);
	--ct-radius: var(--el-radius, 8px);
	--ct-shadow: var(--el-shadow-lg, 0 .3rem 1.5rem -.375rem rgba(11, 15, 25, .1));
}

.news-detail-portfolio > h2,
.news-detail-portfolio section > h2 {
	font-size: 1.5rem;
	margin: 2.5rem 0 1.25rem;
}

.case-summary {
	font-size: 1.125rem;
	line-height: 1.6;
	color: var(--ct-heading);
	margin-bottom: 1.5rem;
}

/* Паспорт проекта */
.case-passport {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 1rem 1.5rem;
	margin: 0 0 2rem;
	padding: 1.5rem;
	border: 1px solid var(--ct-border);
	border-radius: var(--ct-radius);
	background: #fff;
}

.case-passport__item--wide {
	grid-column: 1 / -1;
}

.case-passport dt {
	margin-bottom: .25rem;
	font-size: .75rem;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--ct-muted);
}

.case-passport dd {
	margin: 0;
	font-weight: 700;
	color: var(--ct-heading);
}

.case-stack {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-stack li {
	padding: .25rem .75rem;
	font-size: .8125rem;
	font-weight: 600;
	color: var(--ct-primary);
	background: var(--ct-primary-soft);
	border-radius: 6px;
}

/* Что сделано — чек-лист */
.case-done ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: .75rem 1.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-done li {
	position: relative;
	padding-left: 2rem;
	color: var(--ct-heading);
	font-weight: 500;
}

.case-done li::before {
	content: "";
	position: absolute;
	top: .2em;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	background: var(--ct-primary-soft) no-repeat center / .75rem
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23755686' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.2 3L13 4.5'/%3E%3C/svg%3E");
}

/* Таймлайн */
.case-timeline {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.case-timeline::before {
	content: "";
	position: absolute;
	top: .5rem;
	bottom: .5rem;
	left: 1.25rem;
	width: 2px;
	background: var(--ct-border);
}

.case-timeline__step {
	position: relative;
	padding-left: 4rem;
	margin-bottom: 1.5rem;
}

.case-timeline__step:last-child {
	margin-bottom: 0;
}

.case-timeline__marker {
	position: absolute;
	top: .75rem;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	font-weight: 800;
	color: #fff;
	background: var(--ct-primary);
	border: 4px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--ct-border);
}

.case-timeline__card {
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--ct-border);
	border-radius: var(--ct-radius);
	background: #fff;
	transition: box-shadow .2s ease-in-out, border-color .2s ease-in-out;
}

.case-timeline__card:hover {
	border-color: transparent;
	box-shadow: var(--ct-shadow);
}

.case-timeline__title {
	margin: 0 0 .5rem;
	font-size: 1.125rem;
	font-weight: 800;
	color: var(--ct-heading);
}

.case-timeline__body {
	color: var(--ct-text);
}

.case-timeline__body > :last-child {
	margin-bottom: 0;
}

.case-timeline__body img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

@media (max-width: 575.98px) {
	.case-timeline::before { left: 1rem; }
	.case-timeline__step { padding-left: 3rem; }
	.case-timeline__marker { width: 2rem; height: 2rem; font-size: .875rem; border-width: 3px; }
	.case-timeline__card { padding: 1rem 1.125rem; }
}

/* End */


/* Start:/local/templates/enzolab_v2/js/bower_components/jquery-colorbox/example3/colorbox.min.css?14653224002205*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(/local/templates/enzolab_v2/js/bower_components/jquery-colorbox/example3/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(/local/templates/enzolab_v2/js/bower_components/jquery-colorbox/example3/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(/local/templates/enzolab_v2/js/bower_components/jquery-colorbox/example3/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(/local/templates/enzolab_v2/js/bower_components/jquery-colorbox/example3/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* End */
/* /local/templates/enzolab_v2/components/bitrix/news.detail/portfolio/style.css?17921282984034 */
/* /local/templates/enzolab_v2/js/bower_components/jquery-colorbox/example3/colorbox.min.css?14653224002205 */