/*Фильтр блогов на странице просмотра блога*/
.sortThemes{font-size:12px;	position:relative; padding-left:40px;padding-right:30px;overflow:hidden}
.sortThemes a{float:left;color:#67abc2;padding:0 5px;height:16px;margin-right:9px;text-decoration:none;border:1px solid #67abc2;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;position:relative;background:#fff;margin-bottom:5px}
.sortThemes a:hover{border-color:#2d6071}
.sortThemes a.active{border:1px solid #2C7284;background:none repeat scroll 0 0 #E1E7E8}
.sortThemes a.active:hover{border-color:#67ABC2}

/*Привязка топика к блогам*/
div .group{margin:0}

/* Дерево блогов в сайд баре (блок)*/
ul.treeblogs {list-style:none outside none;overflow:hidden}
ul.treeblogs li{float:left;margin-right:3px}

.menutree ul:not(active){display:none}
.menutree ul.active{display:block;margin-top:7px}
.menutree li.level0 {margin:6px 0}
.menutree li.level0.lenta {margin:0}
.menutree li.level1, .menutree li.level2 {border-left:2px solid silver;padding-left:5px !important}
.menutree.groups li.level1, .menutree.groups li.level2 {margin-left:5px !important;border-left:none}

.menutree li {font-size:14px;margin-left:5px;padding:2px 0;line-height:14px}
.menutree li img {height:35px;width:35px}
.menutree li .tree-name {font-size:14px;display:table;min-height:20px}

.menutree li .tree-name a:not(active) {color:#777;padding:4px 0}
.menutree a.active, .menutree li .tree-name a.active {text-decoration:underline;color:#e48746 !important}
.menutree a:not(active) {color:#333;padding:3px 0;display:table-cell}
.menutree a.lenta {font-size:15px}
.menutree div {cursor:pointer;float:left;width:14px;height:14px}
.menutree div:not(active) {margin:2px 22px 0 -3px;font-size:19px;height:17px;color:#aaa}
.menutree div:not(active):before {content:'\f196'}
.menutree div.dl-n:not(active):before {content:none}
.menutree div.active {margin:2px 22px 0 -3px;font-size:19px;height:17px;color:#e48746}
.menutree div.active:before {content:'\f147'}
.menutree div.end {background-image:url(../images/ico_end.gif)}
.menutree.lenta div:not(active), .menutree.lenta div.active {margin:4px 25px 0 -5px}

.menutree div.simple {margin-left:0}
.menutree li > a {cursor:pointer}
.menutree li.blog-only > a {font-size:15px}
.menutree li.blog-only > a.active {color:#e48746}
.menu-tree-limit {display:none}

#groups select {min-width:240px;width:100%;margin:5px 0 12px;display:block}


/* Screen style's  Меню разделов github.com/marioloncarek/megamenu-js */
#menu-mobile {display:none;width:24px;height:18px;position:relative;cursor:pointer;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
} 
#menu-mobile span {display:block;position:absolute;height:3.4px;width:100%;background:#ffdc60;opacity:1;left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
}

#menu-mobile span:nth-child(1) {top:0px}
#menu-mobile span:nth-child(2),#menu-mobile span:nth-child(3) {top:7px}
#menu-mobile span:nth-child(4) {top:14px}
#menu-mobile.open span:nth-child(1) {width:0%;left:50%}
#menu-mobile.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#menu-mobile.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#menu-mobile.open span:nth-child(4) {top:7px;width:0%;left:50%}
.menu-container {width:100%;margin-bottom:17px;position:relative}
.menu div.write {float:left;margin-right:20px}

.menu > ul {margin:0 auto;list-style:none;padding:0;position:relative}
.menu > ul:before,
.menu > ul:after {content:"";display:table}
.menu > ul:after {clear:both}
.menu > ul > li {display:inline-block;padding:0;margin:0}
.menu ul li a {color:#111;font-weight:500;cursor:pointer;text-decoration:none;padding:5px 0 5px;display:inline-block;font-size:14px}
.menu ul li a.offer {padding:3px 5px;border-radius:3px;background:#5c6673;color:#d3f0ff}
.menu ul li a.offer:hover {color:#c8ecff}
.menu ul li span {font-weight:600;cursor:pointer}
.menu ul.show-on-mobile li:not(:first-child) {margin-top:0}
/*.menu ul li:first-child {margin-right:5px;padding-left:0}*/
.menu ul li a.btn-or, .menu a.btn-or {padding:6px 13px;letter-spacing:0.5px}
.menu > ul > li.active a span.count-green {text-decoration-color:#7cc034}

.menu > ul > li > ul {display:none;width:100%;background:#3e454d;padding:20px 0px 20px 20px;position:absolute;z-index:101;left:0;margin:0;list-style:none;color:#5589bb;border-radius:3px;box-shadow:0 15px 15px rgba(0,0,0,.25)}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {content:"";display:table}
.menu > ul > li > ul:after {clear:both}

.menu > ul > li > ul > li {width:23%;margin:5px 10px;padding:0;display:inline-block;vertical-align:top;list-style:none}
.menu > ul > li > ul > li a {padding:5px 0;width:100%;display:block;font-size:16px;color:#f2f2f2;line-height:20px}
.menu > ul > li > ul > li.main a {font-size:16px;color:#ffdc60;line-height:18px;font-weight:700;text-decoration:underline}
.menu > ul > li > ul > li > ul {display:block;padding:0; margin:0 0 0;list-style:none}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {content:"";display:table}
.menu > ul > li > ul > li > ul:after {clear:both}
.menu > ul > li > ul > li > ul > li {float:left;width:100%;padding:3px 0;margin:5px 0}
.menu > ul > li > ul > li > ul > li a {font-weight:normal;line-height:15px;padding:0 0 0 10px;color:#e6f2ff;font-size:14px;border-left:1px solid #a2adb8}
.menu > ul > li > ul.normal-sub {width:300px;left:auto;padding:10px 20px}
.menu > ul > li > ul.normal-sub > li {width:98%}
.menu > ul > li > ul.normal-sub > li a {border:0;padding:10px 0}


.menu-sidebar {display:none}
.menu-sidebar .icons-sliders {font-size:26px }
.menu-sidebar .icons-wallet {font-size:23px}
.menu-sidebar .icons-user-outline {font-size:25px}
.menu-sidebar .icons-braille {font-size:22px}
.menu-sidebar .icons-amenu, .searcher .icons-search {font-size:25px;cursor:pointer}
.menu-sidebar .icons-amenu:before, .searcher .icons-search:before {margin-top:2px;font-weight:600}
.btn-write {display:none;font-size:28px;margin-top:2px}
.menu-dropdown-icon:before {font-family:"fontello";content:'\e82a';display:none;cursor:pointer;float:right;margin:0 0 0 25px;padding:7px 8px;font-weight:700;color:#ffdc60;font-size:20px;border-radius:10px 10px 0 0;background:#87959f}

.mob-menu {display:none;height:50px;justify-content:space-between;flex-wrap:wrap}
.mob-menu >* {align-items:center;width:28px;height:auto}
.mob-menu div {align-self:start}
.mob-menu a {width:28px;align-self:center;color:#ffdc60}
.mob-menu button {align-self:center;padding:0}
.mob-menu a.menu-sidebar.braille .shopik-finder {font-size:20px}

/* --- Treeblogs Plugin Styles 2026 --- */

.treeblogs-search-wrapper { position: relative; margin-bottom: 15px; }
.treeblogs-search-results { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-top: none; z-index: 100; max-height: 350px; overflow-y: auto; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05), 0 0 0 1px rgba(255,255,255,0.05) inset; }
.treeblogs-search-item { display: flex !important; align-items: center !important; padding: 14px 10px !important; color: #333 !important; text-decoration: none !important; font-size: 15px !important; background: #fff; transition: background 0.2s; }
.treeblogs-search-item:last-child { border-bottom: none; }
.treeblogs-search-item:hover { opacity:0.85; }
.treeblogs-search-item .search-avatar { flex-shrink: 0; width: 38px !important; height: 38px !important; margin-right: 10px !important; border-radius: 50%; display: block !important; }
.treeblogs-search-item .search-title-text { flex-grow: 1; display: block !important; line-height: 1.2 !important; font-weight: normal !important; }

.treeblogs-nav ul { list-style: none; padding: 0; margin: 0; }
.treeblogs-item { position: relative; margin-bottom: 2px; }
.treeblogs-item-content { display: flex; align-items: center; padding: 4px 0; }

.treeblogs-toggle { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #999; margin-right: 5px; font-size: 14px; transition: color 0.2s; }
.treeblogs-toggle:hover { color: #333; }
.treeblogs-toggle.empty { cursor: default; }
.treeblogs-toggle.loading i { animation: treeblogs-spin 1s infinite linear; display: inline-block; }
.treeblogs-toggle.loading i:before { content: "\f021"; }

.treeblogs-link { text-decoration: none; color: #444; font-size: 14px; flex-grow: 1; line-height: 1.3; }
.treeblogs-link:hover { color: #d8512d; text-decoration: underline; }
.treeblogs-link.active { font-weight: bold; color: #333; }
.treeblogs-submenu { padding-left: 25px; border-left: 1px solid #eee; margin-left: 9px; }
.treeblogs-submenu .treeblogs-link { font-size: 13px; color: #666; }

@keyframes treeblogs-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.treeblogs-loader { position: absolute; right: 10px; top: 8px; width: 16px; height: 16px; border: 2px solid #f3f3f3; border-top: 2px solid #999; border-radius: 50%; animation: treeblogs-spin 0.8s linear infinite; }
.icon-plus-sign:before { content: "+"; font-weight: bold; font-family: monospace; font-size: 16px; }
.icon-minus-sign:before { content: "−"; font-weight: bold; font-family: monospace; font-size: 16px; }


.js-treeblogs-header-root li span[itemprop="name"] { font-weight: normal; cursor: pointer; }

/* --- MOBILE MENU FIX (2026) --- */

@media (max-width: 961px) {
    .js-treeblogs-header-root li { position: relative !important; display: block !important; width: 100% !important; }
    .js-treeblogs-header-root li > a { display: block; padding: 12px 60px 12px 10px !important; text-decoration: none; min-height: 20px; font-size: 16px !important; }
    .js-treeblogs-header-root .js-header-toggle { display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 50px !important; height: auto !important; cursor: pointer; z-index: 99; background: rgba(0,0,0,0.05); padding: 0 !important; margin: 0 !important; line-height: 1 !important; -webkit-tap-highlight-color: transparent; outline: none; user-select: none; -webkit-user-select: none; transition: opacity 0.1s; }
    .js-treeblogs-header-root .js-header-toggle:active { opacity: 0.7 !important; }
    .js-treeblogs-header-root .js-header-toggle::before { position: absolute !important; top: 14px !important; left: 0 !important; width: 100% !important; text-align: center !important; color: #ffdc60 !important; font-size: 16px !important; line-height: 1 !important; margin: 0 !important; height: auto !important; transform: none !important; vertical-align: baseline !important; }
    .js-treeblogs-header-root ul { position: static !important; box-shadow: none !important; background: rgba(0,0,0,0.15) !important; width: 100% !important; padding: 0 !important; margin: 0 !important; display: none; }
    .js-treeblogs-header-root ul li { width: 100% !important; display: block !important; border-bottom: none !important; }
    .js-treeblogs-header-root ul li a { padding: 10px 10px 10px 25px !important; font-size: 15px !important; color: #ddd !important; }
}

@media only screen and (min-width: 1011px) {
    .js-treeblogs-header-root {
        flex: 1;
        display: flex !important;
        position: static !important;
        width: auto !important;
    }
}

@media only screen and (min-width: 1011px) and (max-width: 1255px) {
    ul.js-treeblogs-header-root {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
    }
}