/* Start:/local/templates/burburo/components/bitrix/news/.default/bitrix/news.detail/blog-detail_new/style.css?17683167625502*/
.blog-detail__row {
	display: grid;
	grid-template-columns: minmax(500px, 1fr) 330px;
	gap: 80px;
}

@media (max-width: 1280px) {
	.blog-detail__row {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

.blog-detail table {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}

.blog-detail {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.blog-detail__top {
	display: flex;
}

.blog-detail__indicators {
	display: flex;
	align-items: center;
	gap: 14px;
}

.blog-detail__indicator {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 450;
	color: initial;
}

.blog-detail__indicator svg {
	color: var(--sky);
}

.blog-detail__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.blog-detail__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.blog-detail__tag {
	display: flex;
	background-color: #f0f0f6;
	color: var(--blue);
	padding: 6px 10px;
	font-size: 12px;
	font-weight: 500;
	text-wrap: nowrap;
	border-radius: 8px;
	transition: 0.3s ease-out;
	scroll-snap-align: start;
	scroll-margin-left: 8px;
}

.blog-detail__share {
	position: relative;
}

.share_container {
	position: absolute;
	left: 0;
	top: calc(100% + 8px);
	border-radius: 10px;
	width: max-content;
	min-width: 100%;
	padding: 16px 10px;
	font-size: 15px;
	background: var(--white);
	box-shadow: var(--block-shadow);
	z-index: 5;
}

.share-menu {
	width: fit-content;
}

.blog-detail__share-btn {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: #f0f0f6;
	padding: 6px 10px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	white-space: nowrap;
	transition: .2s ease-out;
	cursor: pointer;
}

.share-list {
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	max-height: 280px;
}

.share-item {
	padding: 8px 12px;
	display: inline-grid;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	justify-content: start;
	grid-template-columns: auto 1fr;
	width: 100%;
	justify-items: left;
	border-radius: 8px;
	font-weight: 400;
}

:where(html[data-input="mouse"]) .share-item:hover {
	background-color: var(--ozone-hover);
	color: var(--ozone);
}

.share-item svg {
	color: var(--some-gray);
	color: #7786a1;
	width: 14px;
	height: 14px;
}

.blog-detail__lr {
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
	flex-wrap: wrap;
}

.blog-detail__headings {
	background-color: #f1f2f6;
	padding: 30px 35px;
	border-radius: 12px;
	max-width: 912px;
	width: fit-content;
}

.blog-detail__list {
	display: flex;
	flex-direction: column;
}

.blog-detail__item {
	display: flex;
	align-items: center;
}

@media (max-width: 768px) {
	.blog-detail__item {
		margin: 0 !important;
	}
}

.blog-detail__item a {
	position: relative;
	padding: 6px 10px;
}

.blog-detail__item a:after {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	left: -10px;
	width: 10px;
	height: 10px;
	border: 2px solid var(--ozone);
	border-radius: 3px;
	rotate: 45deg;
	transform: translate(-10px, -10px) rotate(-270deg);
	transition: .5s ease;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.blog-detail__item a:hover:after {
	visibility: visible;
	opacity: 1;
	transform: translate(0, 0);
}

.blog-detail__heading-title {
	font-size: 24px;
	margin-bottom: 20px;
}

.blog-detail__back svg {
	transition: 0.3s ease-in-out transform;
}

.blog-detail__back:hover svg {
	transform: translateX(-12px);
}

.blog-detail__content {
	line-height: 1.4;
	font-size: 15px;
	font-weight: 300;
	text-wrap-style: pretty;
}

.blog-detail__content img {
	border-radius: 12px;
	overflow: hidden;
}

.blog-detail__content h2 {
	font-size: 28px;
	line-height: 1.2;
}

.blog-detail__content h3 {
	font-size: 18px;
}

.blog-detail__content figure {
	display: table;
	width: fit-content;
	margin: 0 auto;
}

.blog-detail__content figcaption {
	display: table-caption;
	caption-side: bottom;
	text-align: center;
	font-size: 13px;
	margin-top: 7px;
	color: var(--txt-gray);
	line-height: 1.2;
}

.blog-detail__content :is(ul, ol) {
	padding-left: 37px;
	margin-top: 16px;
}

.blog-detail__content ul {
	list-style: disc;
}

.blog-detail__content ol {
	list-style: decimal;
}

.blog-detail__content li {
	margin-top: 6px;
	font-size: 15px;
	font-weight: 400;
}

.blog-detail__content ::marker {
	color: var(--ozone);
}

:is(ul, ol) :is(ul, ol) {
	padding-left: 16px;
}

.blog-detail__block *+p,
.blog-detail__block *+h2,
.blog-detail__block *+h3,
.blog-detail__block *+h4,
.blog-detail__block *+ol,
.blog-detail__block *+figure {
	margin-top: 20px;
}

.blog-detail__sidebar_wrap {
	padding: 58px 0 40px;
	position: relative;
}

.blog-detail__sidebar_wrap::before {
	content: '';
	display: block;
	width: 2px;
	background-color: #eef2f6;
	position: absolute;
	top: 50px;
	left: -40px;
	bottom: 0;
}

.blog-detail__sidebar {
	position: sticky;
	top: 0;
}

.blog-detail__sidebar {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.blog-detail__sidebar h3 {
	margin-bottom: 24px;
}

.popular-articles {
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 10px;
}

.popular-articles__img {
	border-radius: 8px;
	overflow: hidden;
}

.popular-articles__text {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	gap: 9px;
	font-weight: 600;
	line-height: 1.4;
	justify-content: space-between;
}

:is(div, a):has(> .bg-watermark) {
	overflow: hidden;
	position: relative;
}

.bg-watermark {
	position: absolute;
	top: 10%;
	left: 50%;
	filter: blur(6px);
	opacity: .4;
	pointer-events: none;
}
/* End */
/* /local/templates/burburo/components/bitrix/news/.default/bitrix/news.detail/blog-detail_new/style.css?17683167625502 */