/* Start:/local/templates/translux/components/bitrix/breadcrumb/breadcrumb_def/style.min.css?1734083999467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/translux/components/bitrix/news.detail/catalog_detail/style.css?17603503014309*/
div.news-detail
{
	word-wrap: break-word;
}
div.news-detail img.detail_picture
{
	float:left;
	margin:0 8px 6px 1px;
}
.news-date-time
{
	color:#486DAA;
}
.have-tooltip{
	border-bottom: 1px dashed;
	cursor: help;
	position: relative;
}
.atooltip{
	display: none;
	position: absolute;
	background: #FFF;
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .12);
	box-shadow: 0 0 12px rgba(0, 0, 0, .12);
	border-radius: 4px;
	width: 300px;
	z-index: 1;
	padding: 1rem;
	bottom: 2rem;
	font-weight: 400;
	font-size: 1rem;
	text-align: center;
	left: -130px;
	font-size: 14px;
	left: 0 !important;
}
.have-tooltip:hover .atooltip{display: block; opacity: 1;}
.atooltip div b{
	color: #d70000;
	font-weight: 700;
}
.d-time img, .d-time b{display: inline !important;}
.d-time img{margin-right: 5px;}
.zakaz_button{

		display: inline-block;
		padding: 12px 50px;
		color: #ef233c; /* Белый текст для контраста */
		border: 2px solid #ef233c; /* Красная рамка (чуть темнее фона) */
		font-size: 18px; /* Большой текст */
		font-weight: bold;
		text-align: center;
		text-decoration: none; /* Убираем подчёркивание */
		border-radius: 5px; /* Скругленные углы */
		transition: background-color 0.3s, border-color 0.3s; /* Плавный ховер-эффект */
	cursor: pointer;
}
.zakaz_button:hover {
	background-color: #ef233c; /* Темнее при наведении */
	border-color: #a30000; /* Ещё темнее рамка */
	color: #fff;
}
/* Медиа-запрос для мобильных устройств (например, ширина экрана < 768px) */
@media (max-width: 768px) {
	/* Модалка на всю ширину экрана */
	.bx-viewer-wrap-outer {
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important; /* Убираем смещение */
		top: 10px !important; /* Небольшой отступ сверху */
	}

	.bx-viewer-wrap {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important; /* Убираем минимальную ширину */
		height: auto !important; /* Высота подстраивается под контент */
	}

	/* Изображение внутри модалки */
	.bx-viewer-img {
		max-width: 100% !important;
		max-height: 80vh !important; /* Ограничиваем высоту, чтобы оставить место для стрелок */
		width: auto !important;
		height: auto !important;
		object-fit: contain; /* Сохраняем пропорции изображения */
	}

	/* Контейнер изображения */
	.bx-viewer-cap {
		width: 100% !important;
		height: auto !important;
		max-height: 80vh !important;
	}
	/* Перемещаем стрелки вниз */
	.bx-viewer-prev-outer,
	.bx-viewer-next-outer {
		position: relative !important; /* Убираем абсолютное позиционирование */
		width: 50% !important;
		display: inline-block !important;
		opacity: 1 !important; /* Стрелки всегда видны на мобильных */
		vertical-align: top;
	}

	/* Контейнер для стрелок */
	.bx-viewer-wrap-outer {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/* Стили для самих стрелок */
	.bx-viewer-prev,
	.bx-viewer-next {
		top: 85vh !important; /* Убираем смещение сверху */
		position: relative !important;
		margin: 10px auto; /* Центрируем стрелки */
	}

	.bx-viewer-prev-outer {
		left: auto !important;
	}

	.bx-viewer-next-outer {
		right: auto !important;
	}

	/* Убираем лишние отступы у модалки */
	.bx-viewer-wrap-inner {
		padding: 5px !important;

	}
	.bx-viewer-cap-wrap {
		max-height: 80vh;

	}
	.bx-viewer-image{
		width: auto !important;
		height: auto !important;
		max-height: 80vh;
	}
	/* Кнопка закрытия */
	.bx-viewer-close {
		top: -20px !important;
		right: 7px !important;
		width: 40px !important;
		height: 40px !important;
	}
}
/* End */
/* /local/templates/translux/components/bitrix/breadcrumb/breadcrumb_def/style.min.css?1734083999467 */
/* /local/templates/translux/components/bitrix/news.detail/catalog_detail/style.css?17603503014309 */