/* Start:/local/templates/mazlay/components/bitrix/news/brands/bitrix/news.detail/.default/style.css?17827223359791*/
/* Базовые стили */
ul li:not(.menu_item_children):not(.offcanvas_menu .menu-item-has-children) {
	padding-right: 12px;
	display: block;
	gap: 8px;
}

.single_blog>figure {
	display: block;
	flex-direction: column;
}

.blog_thumb a img {
	height: 180px;
	object-fit: contain;
}

.widget_list>ul>li ul li {
	padding: 0;
}

.blog_wrapper .blog_desc p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	text-align: justify;
}

.blog_wrapper .blog_thumb {
	float: left;
	width: 30%;
}

.blog_wrapper .blog_content {
	width: 70%;
	float: left;
	text-align: left;
	padding: 0 0 0 30px;
}

.widget_list.comments {
	margin-bottom: 0px;
}

.blog_wrapper .btn_more a {
	color: var(--tmr-primary);
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 20px;
	display: inline-block;
	margin-right: 40px;
}

.product_tab_btn ul.nav {
	justify-content: left;
}

.product_tab_btn {
	margin: 0 0;
	margin-bottom: 20px;
}

ul li:not(.menu_item_children):not(.offcanvas_menu .menu-item-has-children) {
	padding-right: 8px;
	display: block;
	gap: 8px;
}

.single_product {
	border-radius: 0;
	background: #ffffff;
	padding-top: 20px;
	border: 1px #ddd solid;
}

.row {
	--bs-gutter-x: .5rem;
}

.blog_sidebar_widget .widget_title {
	position: relative;
}

.widget_title.sidebar__menu-btn {
	cursor: pointer;
}

.widget_list>ul>li>label {
	line-height: 18px;
}

/* Новые стили для иерархических категорий */
.category-parent {
	margin-bottom: 5px;
}

.category-item {
	margin-bottom: 3px;
}

/* Отступы для разных уровней вложенности */
.category-parent.level-0 h3 {
	margin-left: 0px;
	font-size: 16px;
	font-weight: 600;
}

.category-parent.level-1 h3 {
	margin-left: 20px;
	font-size: 15px;
	font-weight: 500;
}

.category-parent.level-2 h3 {
	margin-left: 40px;
	font-size: 14px;
	font-weight: 500;
	color: #555;
}

.category-parent.level-3 h3 {
	margin-left: 60px;
	font-size: 13px;
	font-weight: 400;
	color: #666;
}

/* Стили для чекбоксов на разных уровнях */
.category-item.level-0 .sidebar__menu-item {
	margin-left: 0px;
}

.category-item.level-1 .sidebar__menu-item {
	margin-left: 20px;
}

.category-item.level-2 .sidebar__menu-item {
	margin-left: 40px;
}

.category-item.level-3 .sidebar__menu-item {
	margin-left: 60px;
}

/* Стилизация чекбоксов */
.sidebar__menu-item {
	position: relative;
	padding: 2px 0;
}

.sidebar__menu-item input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.sidebar__menu-item label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	user-select: none;
	transition: color 0.2s ease;
	z-index: 999;
}

/* УБИРАЕМ голубой цвет и жирный шрифт при выборе */
.sidebar__menu-item input[type="checkbox"]:checked~label {
	color: #333 !important;
	/* Серый вместо голубого */
	font-weight: normal !important;
	/* Обычный шрифт вместо жирного */
}

.sidebar__menu-item label:hover {
	color: #666;
}

.js-brand-list-cat .widget_list input:checked~.checkmark,
.widget_list>ul>li input:checked~.checkmark {
	background-color: var(--tmr-primary);
	border: 1px solid var(--tmr-primary);
}


.sidebar__menu-item input[type="checkbox"]:checked~.checkmark:after {
	display: block;
}

/* Убираем стрелку у .widget_title.sidebar__menu-btn */
.widget_title.sidebar__menu-btn::after {
	content: none !important;
	/* Полностью убираем псевдоэлемент */
}

/* Стрелка только для h3 внутри .sidebar__menu-btn (для уровня 0) */
.sidebar__menu-btn h3 {
	position: relative;
	padding-right: 20px;
	/* Место для стрелки */
}


.js-wrap-info.js-brand-list-cat_wrap {
	opacity: 1 !important;
	visibility: visible !important;
	transition: none !important;
	max-height: unset;
}

.sidebar__menu-btn.js-btn-more:not(._active) + .js-wrap-info.js-brand-list-cat_wrap {
	max-height: 0;
}

/* Уровни 1 и глубже всегда раскрыты */
.category-parent.level-1 .js-wrap-info,
.category-parent.level-2 .js-wrap-info,
.category-parent.level-3 .js-wrap-info {
	max-height: 5000px !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: none !important;
}

/* Уровень 0 - управляемый */
.js-wrap-info {
	display: block !important;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	margin-left: 0;
	opacity: 0;
	visibility: hidden;
}

.js-wrap-info.active {
	max-height: 2000px;
	opacity: 1;
	visibility: visible;
	transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.3s ease 0.1s,
		visibility 0s ease 0.1s;
}

/* Для уровней глубже первого убираем стрелки у заголовков */
.category-parent.level-1 .widget_title h3::after,
.category-parent.level-2 .widget_title h3::after,
.category-parent.level-3 .widget_title h3::after {
	content: none !important;
}

/* Для родительских категорий */
.category-parent .js-wrap-info {
	padding-left: 0;
	margin-left: 0;
}

/* Улучшаем отступы для вложенных уровней */
.category-parent.level-1 .js-wrap-info {
	margin-left: 5px;
	padding-left: 0px;
}

.category-parent.level-2 .js-wrap-info {
	border-left: 1px dashed #e0e0e0;
	margin-left: 10px;
	padding-left: 8px;
}

.category-parent.level-3 .js-wrap-info {
	border-left: 1px dotted #e0e0e0;
	margin-left: 8px;
	padding-left: 6px;
}

/* Для уровня 0 делаем более заметным */
.category-parent.level-0 {
	margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.category-parent.level-0:last-child {
	border-bottom: none;
}

.category-parent.level-0 .widget_title {
	background-color: #f8f9fa;
	padding: 8px 12px;
	border-radius: 4px;
	margin-bottom: 8px;
	cursor: pointer;
}

.category-parent.level-0 .widget_title h3 {
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}

.category-parent.level-0 .widget_title:hover h3 {
	color: #555;
}

/* Чекбоксы для всех уровней */
.category-item .sidebar__menu-item {
	margin: 4px 0;
	padding: 2px 0;
}

.category-item .sidebar__menu-item label {
	font-size: 14px;
	color: #555;
}

.category-item.level-1 .sidebar__menu-item label {
	font-weight: 500;
}

.category-item.level-2 .sidebar__menu-item label {
	font-weight: 400;
}

.category-item.level-3 .sidebar__menu-item label {
	font-weight: 400;
	color: #666;
}


/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {

	.blog_wrapper .blog_thumb,
	.blog_wrapper .blog_content {
		width: 100%;
		float: none;
		padding: 0;
	}

	.blog_wrapper .blog_thumb {
		margin-bottom: 20px;
	}

	/* Уменьшаем отступы на мобильных */
	.category-parent.level-1 h3 {
		margin-left: 15px;
	}

	.category-parent.level-2 h3 {
		margin-left: 30px;
	}

	.category-parent.level-3 h3 {
		margin-left: 45px;
	}

	.category-item.level-1 .sidebar__menu-item {
		margin-left: 15px;
	}

	.category-item.level-2 .sidebar__menu-item {
		margin-left: 30px;
	}

	.category-item.level-3 .sidebar__menu-item {
		margin-left: 45px;
	}

	.category-parent.level-1 .js-wrap-info {
		margin-left: 12px;
	}

	.category-parent.level-2 .js-wrap-info {
		margin-left: 24px;
	}

	.category-parent.level-3 .js-wrap-info {
		margin-left: 36px;
	}

	.sidebar__menu-btn h3 {
		padding-right: 15px;
	}

	.sidebar__menu-btn h3::after {
		font-size: 10px;
	}
}

/* Состояние загрузки */
.js-search-filter-cat-btn.loading {
	position: relative;
	color: transparent;
}

.js-search-filter-cat-btn.loading::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top-color: white;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* Ховер-эффекты для чекбоксов */
.category-item .sidebar__menu-item:hover label {
	color: #555;
}



/* Убираем возможные inline стили display */
.category-parent .js-wrap-info[style*="display: none"] {
	display: block !important;
	max-height: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

.category-parent .js-wrap-info[style*="display: block"] {
	display: block !important;
}

/* Специальные стили для уровней, которые всегда раскрыты */
.category-parent.level-1,
.category-parent.level-2,
.category-parent.level-3 {
	margin-bottom: 0px;
}

.category-parent.level-1 .widget_title {
	cursor: default;
	color: #555;
}

.category-parent.level-2 .widget_title {
	cursor: default;
	color: #666;
}

.category-parent.level-3 .widget_title {
	cursor: default;
	color: #777;
}

/* Улучшенные отступы для вложенных элементов */
.sidebar__menu-item label {
	transition: all 0.2s ease;
	border-radius: 3px;
	padding: 4px 8px 4px 35px;
	margin-left: -8px;
}

/* Отступ для категорий уровня 1 и ниже */
.category-parent.level-1 .sidebar__menu-item,
.category-parent.level-2 .sidebar__menu-item,
.category-parent.level-3 .sidebar__menu-item {
	margin-left: 20px;
}


/* Убираем старое выделение синим цветом */
.category-parent.has-selected-child .category-label,
.category-parent input[type="checkbox"]:checked~.category-label {
	
}
/* End */
/* /local/templates/mazlay/components/bitrix/news/brands/bitrix/news.detail/.default/style.css?17827223359791 */