/* Start:/local/templates/pamyatkirov/components/bitrix/news/search/bitrix/news.detail/.default/style.css?17478198393377*/
.container .bx-breadcrumb{
	display: none;
}
.container-card {
	margin: 0 auto;
	max-width: 1600px;
	padding-bottom: 100px;
}

.h1 {
	padding-bottom: 40px;
}
.m {
	display: flex;
	align-items: flex-start;
}
  
.gray {
	padding-right: 10px;
	color: #898887;
}
  
.underline-wrapper {
	width: 47%;
	position: relative;
	display: inline-block;
	margin-right: 10px;
}
  
.underline-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 18px;
	border-bottom: 1px solid #E4E2DF;
	z-index: -1;
}
  
.underline-wrapper span {
	background: #fff;
	position: relative;
}

.flex-container {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}
.right-site {
	flex: 2;
}

.left-site {
	flex: 1;
}

/*Выделение на фото*/

.photo-highlight {
	position: absolute;
	top: 0;
    left: 0;
	opacity: 0.3;
	background: #E7362C;
	pointer-events: none;
	z-index: 10;
	width: 0;
    height: 0;
	transition: transform 0.1s linear, width 0.1s linear, height 0.1s linear;
    will-change: transform, width, height;
}

.zoom-controls {
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 10;
    display: flex;
	flex-direction: column;
    gap: 10px;
}

.zoom-controls .drag-toggle,
.zoom-controls .zoom-reset {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
	box-shadow: 0px 5px 20px 0px #00000033;
}

.zoom-controls .zoom-container {
	background: #fff;
	border-radius: 8px;
	font-size: 24px;
	cursor: pointer;
	display: flex;
    flex-direction: column;
	align-items: center;
    justify-content: center;
	box-shadow: 0px 5px 20px 0px #00000033;
}
.zoom-controls .zoom-container .zoom-in {
	border-radius: 8px 8px 0 0;
	position: relative;
}
.zoom-controls .zoom-container .zoom-in::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border: 1px solid #D9D9D9;
	width: 70%;
	transform: translateX(-50%);
}
.zoom-controls .zoom-container .zoom-out {
	border-radius: 0 0 8px 8px;
}
.zoom-controls .zoom-container .zoom-in,
.zoom-controls .zoom-container .zoom-out {
	width: 40px;
    height: 40px;
}

.zoom-controls button:hover {
    background: #f0f0f0;
}
.photo-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
	border-radius: var(--radius-lg);
	background: #FAF9F6; 
}

.image-container {
    position: relative;
    width: fit-content;
    height: fit-content;
}

#targetImage {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
	max-height: none;
    transition: transform 0.3s ease;
    transform-origin: 0 0;
    cursor: grab;
}


#targetImage.dragging {
    cursor: grabbing;
}

.back{
	margin-top: 60px;
	display: flex;
	align-items: center;
	border: 1px solid #AFADAB;
	border-radius: var(--radius-md);
	transition: all 0.5s ease;
	padding: 11px 25px;
	gap: 8px;
}

.back:hover{
	background: #E5E3DF;
	border: 1px solid #E5E3DF;
	
}

@media (max-width: 1600px) {
	.container-card {
		margin: 0 15px;
		padding-bottom: 60px;
	}
}
@media (max-width: 1024px) {
	
	.flex-container {
		flex-direction: column;
	}
	.h1 {
		padding-bottom: 28px;
	}
	.back {
		margin-top: 40px;
	}
	.zoom-controls {
		top: 8px;
		right: 8px;
		gap: 8px;
	}
	.zoom-controls button {
		width: 32px;
		height: 32px;
	}
}
/* End */
/* /local/templates/pamyatkirov/components/bitrix/news/search/bitrix/news.detail/.default/style.css?17478198393377 */