/* MiBrain 23.10.2026: этап 3, каталог и внешний вид (шрифт в mb-font.css). Подключается в header.php после всех стилей шаблона */

/* Разделы надписями, без картинок */
.catalog_section_list_block .section_item { padding: 16px 20px; transition: border-color .2s; }
.catalog_section_list_block .section_item:hover { border-color: #009a4c; }
.catalog_section_list_block .section_item li.name { margin: 0; }
.catalog_section_list_block .section_item li.name a { font-size: 15px; font-weight: 500; color: #222; text-decoration: none; }
.catalog_section_list_block .section_item:hover li.name a { color: #009a4c; }
.catalog_section_list_block .section_item .element-count2 { margin-top: 3px; font-size: 13px; color: #8a8a8a; }
@media (max-width: 767px) {
	.catalog_section_list_block.flexbox { flex-direction: row; flex-wrap: wrap; }
	.catalog_section_list_block .item_block { width: 50% !important; flex: 0 0 50%; max-width: 50%; box-sizing: border-box; }
	.catalog_section_list_block .section_item { padding: 12px 14px; }
	.catalog_section_list_block .section_item li.name a { font-size: 13.5px; hyphens: auto; overflow-wrap: anywhere; }
	.catalog_section_list_block .section_item .element-count2 { font-size: 12px; }
}

/* Карточки в каталоге: название тёмным, под ним 2-3 особенности */
.catalog_block .catalog_item .item-title a span { color: #222; font-weight: 500; }
.catalog_block .catalog_item .item-title a:hover span { color: #009a4c; }
.catalog_block .mb_card_features { margin: 2px 0 8px !important; padding: 0 !important; list-style: none; text-align: left; }
.catalog_block .mb_card_features li { position: relative; margin: 0 0 3px !important; padding: 0 0 0 11px !important; font-size: 12.5px; line-height: 1.4; color: #6b6b6b; background: none !important; }
.catalog_block .mb_card_features li:before { content: "" !important; display: block !important; position: absolute; left: 0; top: 7px; width: 4px; height: 4px; margin: 0 !important; border-radius: 50%; background: #9a9a9a !important; }

/* Фильтр слева шире и крупнее */
@media (min-width: 992px) {
	#content .left_block.catalog { width: 270px; }
	#content .left_block.catalog ~ .right_block.catalog { padding-left: 295px; }
}
.left_block .bx_filter .bx_filter_parameters_box_title { font-size: 14px; }
.left_block .bx_filter .bx_filter_param_label .bx_filter_param_text,
.left_block .bx_filter .bx_filter_input_checkbox .bx_filter_param_text { font-size: 13.5px; line-height: 1.45; }
.left_block .bx_filter .bx_filter_parameters_box_container { padding-bottom: 6px; }

/* Фильтр: цвета списком с подписями, большая «Применить», под ней маленькая «Сбросить» */
.left_block .bx_filter .pict_block .pict { display: block; float: none; width: auto; margin: 0 0 2px; }
.left_block .bx_filter .pict_block .pict label.bx_filter_param_label { display: flex !important; align-items: center; gap: 10px; width: auto !important; height: auto !important; padding: 4px 6px; margin: 0; border: 0 !important; border-radius: 6px; background: none !important; cursor: pointer; }
.left_block .bx_filter .pict_block .pict label:hover { background: #f4f4f4 !important; }
.left_block .bx_filter .pict_block .pict label.active { background: #eaf6ef !important; }
.left_block .bx_filter .pict_block .pict label.active .mb_color_name { color: #009a4c; font-weight: 500; }
.left_block .bx_filter .pict_block .pict label.disabled { opacity: .4; }
.left_block .bx_filter .pict_block .bx_filter_param_btn.bx_color_sl { flex: 0 0 22px; box-sizing: border-box; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 2px !important; border: 1px solid #d6d6d6 !important; border-radius: 50% !important; background: #fff !important; overflow: hidden; }
.left_block .bx_filter .pict_block .bx_filter_btn_color_icon { display: block; position: static !important; top: 0 !important; left: 0 !important; box-sizing: border-box; width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 50%; background-size: cover; background-position: center; }
.left_block .bx_filter .pict_block .mb_color_nofile { flex: 0 0 22px; width: 22px; height: 22px; }
.left_block .bx_filter .pict_block .mb_color_name { font-size: 13.5px; line-height: 1.35; color: #333; }
.left_block .bx_filter .bx_filter_button_box .bx_filter_parameters_box_container { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 16px 18px 18px; }
.left_block .bx_filter #set_filter { width: 100% !important; height: 46px; margin: 0 !important; float: none !important; font-size: 15px !important; font-weight: 600; letter-spacing: 0; text-transform: none; border-radius: 6px; }
.left_block .bx_filter #set_filter[disabled] { opacity: .55; }
.left_block .bx_filter #del_filter { width: auto !important; height: auto; margin: 0 auto !important; padding: 2px 6px !important; float: none !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #8a8a8a !important; font-size: 13px !important; text-transform: none; letter-spacing: 0; text-decoration: underline; }
.left_block .bx_filter #del_filter:hover { color: #222 !important; }

/* Подвал: YouTube зелёным, как ВКонтакте и Telegram (форма логотипа из Simple Icons) */
.mb-footer__socials .header-socials_item.yt { width: 24px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009A4C' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E"); background-position: center; }