/* Start:/local/templates/1.0/components/bitrix/system.pagenavigation/.default/style.css?17841403361164*/
.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	flex-wrap: wrap;
}
.pagination a,
.pagination span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: var(--r1);
	border: 1px solid var(--cbr);
	background: var(--cw);
	font-size: .85rem;
	font-weight: 600;
	color: var(--ct2);
	transition: var(--tr);
}
.pagination a:hover {
	border-color: var(--c1);
	background: var(--c1bg);
	color: var(--c1);
}
.pagination .current {
	border-color: var(--c1);
	background: var(--c1);
	color: #fff;
}
.pagination .dots {
	border: none;
	background: transparent;
	color: var(--ct3);
}
.pagination .prev,
.pagination .next {
	gap: 4px;
}
.pagination .prev .icon,
.pagination .next .icon {
	width: 14px;
	height: 14px;
}
@media(max-width:640px) {
	.pagination a,
	.pagination span {
		min-width: 34px;
		height: 34px;
		font-size: .78rem;
		padding: 0 8px;
	}
	.pagination .prev,
	.pagination .next {
		font-size: 0;
	}
	.pagination .prev .icon,
	.pagination .next .icon {
		font-size: 16px;
	}
}
/* End */


/* Start:/local/templates/1.0/components/bitrix/news.list/portfolio/style.css?17842020382450*/
/* ===== СТРАНИЦА НАШИ РАБОТЫ ===== */
.works-page { padding: 0 0 60px; }

.works-tabs {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 32px;
	padding-bottom: 16px;
}
.works-tab {
	padding: 10px 20px;
	background: var(--cw);
	border: 1px solid var(--cbr);
	border-radius: var(--rf);
	font-size: .88rem;
	font-weight: 600;
	color: var(--ct3);
	cursor: pointer;
	transition: var(--tr);
}
.works-tab:hover {
	color: var(--c1);
	border-color: var(--c1l);
}
.works-tab.active {
	background: var(--c1);
	border-color: var(--c1);
	color: #fff;
	box-shadow: 0 4px 12px rgba(var(--cr), 0.25);
}

/* Сетка галереи */
.works-gallery {
	display: none; /* Скрыто по умолчанию */
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}
.works-gallery.active {
	display: grid;
	animation: worksFadeIn .4s ease;
}
@keyframes worksFadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

@media(max-width: 991px) { .works-gallery { grid-template-columns: repeat(3, 1fr); } }
@media(max-width: 768px) { .works-gallery { grid-template-columns: repeat(2, 1fr); } }

.works-item {
	border-radius: var(--r2);
	overflow: hidden;
	border: 1px solid var(--cbr);
	aspect-ratio: 4/5;
	cursor: pointer;
	position: relative;
	background: var(--cbr2);
	transition: var(--tr);
}
.works-item:hover {
	transform: translateY(-4px);
	box-shadow: var(--sh2);
	border-color: var(--c1l);
}
.works-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.works-item:hover img {
	transform: scale(1.05);
}
.works-item::after {
	content: '';
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.2);
	opacity: 0;
	transition: var(--tr);
	display: flex;
	align-items: center;
	justify-content: center;
}
.works-item:hover::after {
	opacity: 1;
}
.works-item__zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	width: 44px;
	height: 44px;
	background: rgba(255,255,255,0.9);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--c1);
	opacity: 0;
	transition: var(--tr);
	z-index: 2;
}
.works-item:hover .works-item__zoom {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}
.works-item__zoom .icon { width: 20px; height: 20px; }
/* End */
/* /local/templates/1.0/components/bitrix/system.pagenavigation/.default/style.css?17841403361164 */
/* /local/templates/1.0/components/bitrix/news.list/portfolio/style.css?17842020382450 */