/* общие стили */
html { font-size: 112.5%; }
body {line-height: normal; padding: 0; margin: 0; min-height: 100%; width: 100%; overflow-x: hidden;}

h3, .h3 {
  font-size: 1.3rem;
}
h4, .h4 {
  font-size: 1.2rem;
}
:root {
    --custom-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --custom-shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    --custom-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.15);
}
/* куки */
#cookie_note {
    z-index: 1000;
}
#cookie_note.show {
    display: block !important;
}

/* Тёмная тема — более плотная и светлая тень */
[data-bs-theme="dark"] {
    --custom-shadow-sm: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.05), 0 0.125rem 0.25rem rgba(0, 0, 0, 1.0);
    --custom-shadow-md: 0 0.5rem 1rem rgba(255, 255, 255, 0.05), 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
    --custom-shadow-lg: 0 1rem 3rem rgba(255, 255, 255, 0.05), 0 1rem 3rem rgba(0, 0, 0, 0.5);
}
.shadow-adaptive-sm {
    box-shadow: var(--custom-shadow-sm);
}
.text-w-sm {
    font-size: 0.7rem;
}
.text-w-smm {
    font-size: 0.8rem;
}
.text-w-smmm {
    font-size: 0.9rem;
}
/* основной цвет фона контента */
.bg-light-w {
	background-color: #FAFAFA;
}
[data-bs-theme="dark"] .bg-light-w {
	color: #F4F4F5;
	background-color: #424A51;
}
/* зафиксированная новость */
.bg-light-wf {
	background-color: #ECECFF;
}
[data-bs-theme="dark"] .bg-light-wf {
	color: #F4F4F5;
	background-color: #414152;
}

.pt-80 {
    padding-top: 80px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pb-80 {
	padding-bottom: 80px !important;
}
.pb-100 {
	padding-bottom: 100px !important;
}
/* модальное окно */
#fade { 
	display: none;/*--по умолчанию скрыто--*/ 
	background: rgba(7, 87, 207, 0.8);
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80; 
	z-index: 9999;
}
/* блок модального окна */
.popup_block{
	display: none; /*--по умолчанию скрыто--*/
	background: #fff;
	padding: 20px;
	border: 8px solid rgb(134, 134, 134);
	font-size: 85%;
	position: fixed;
	top: 50%; left: 50%;color: #000;
	max-width: 750px;
	min-width: 320px;
	height: auto;
	z-index: 99999;
	/*--CSS3 тень блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 скругление углов--*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
/* параграф */
.popup_block p  {	
    font-weight: 400;
	padding: 0;
	margin: 0;
	color: #000;
	line-height: 1.6;}
/* заголовок */
.popup_block h2{
    margin: 0px 0 10px;
    color: rgb(43, 43, 43);
	font-weight: 400;
	text-align: center;
	text-shadow: 1px 1px 2px #0D0C0C;
}	
/* формируем кнопку закрытия */
.close {
    background-color: rgba(61, 61, 61, 0.8);
    border: 2px solid #ccc;
    height: 25px;
    line-height: 20px;
    position: absolute;
    right: -17px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
	padding: 0;
    top: -17px;
    width: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 12px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}
.shadow {
    box-shadow:4px 4px 10px #857373;
    -webkit-box-shadow:4px 4px 10px #857373;
    -moz-box-shadow:4px 4px 10px #857373;
    padding:0;
}
/*--фиксированное позиционирование для IE6--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
/* шапка и меню */
.hero-section-main {
	background-image: url(../images/hero/fon_se.webp); background-size: cover; background-repeat: no-repeat;	
}
.hero-section-forum-main {
	background-image: url(../images/hero/forum-main.webp); background-size: cover; background-repeat: no-repeat;	
}
/* команда */
.hero-section-stuff {
	background-image: url(../images/hero/stuff.webp); background-size: cover; background-repeat: no-repeat;	
}
/* планеты */
.hero-section-planets {
	background-image: url(../images/hero/planet.webp); background-size: cover; background-repeat: no-repeat;	
}
/* статистика */
.hero-section-stat {
	background-image: url(../images/hero/stat.webp); background-size: cover; background-repeat: no-repeat;	
}

/* для блока видео */
.hero-section-video {
	background-image: url(../images/bloks/fon_video.jpg); background-size: cover; background-repeat: no-repeat;	
}

/*--,бордовый--*/
.hero-section-vinous {
    background: -webkit-gradient(linear,  left top,  right top,  from(#610B72),  to(#73173C)) !important;
    background: linear-gradient(90deg,  #610B72,  #73173C) !important;
}
/*--темно серо-синий--*/
.hero-section-grey-blue {
    background: -webkit-gradient(linear,  left top,  right top,  from(#080F1F),  to(#18283D)) !important;
    background: linear-gradient(90deg,  #080F1F,  #18283D) !important;	
}
/*--болотно зеленый--*/
.hero-section-swamp-green {
    background: -webkit-gradient(linear,  left top,  right top,  from(#30542F),  to(#498142)) !important;
    background: linear-gradient(90deg,  #30542F,  #498142) !important;
}
/*--темно зеленый--*/
.hero-section-dark-green {
    background: -webkit-gradient(linear,  left top,  right top,  from(#0C191A),  to(#335B2F)) !important;
    background: linear-gradient(90deg,  #0C191A,  #335B2F) !important;
}
/*--синий офисный--*/
.hero-section-blue-office {
	background: -webkit-gradient(linear,  left top,  right top,  from(#071233),  to(#143494)) !important;
	background: linear-gradient(90deg,  #071233,  #143494) !important;
}
/*--темная тема одинаковая для всех цветных градиентов--*/
[data-bs-theme=dark] .hero-section-vinous, [data-bs-theme=dark] .hero-section-grey-blue, [data-bs-theme=dark] .hero-section-swamp-green, [data-bs-theme=dark] .hero-section-dark-green, [data-bs-theme=dark] .hero-section-blue-office {
    background: -webkit-gradient(linear,  left top,  right top,  from(#171717),  to(#000e31)) !important;
    background: linear-gradient(90deg,  #171717,  #000e31) !important;
}
.top-bar {
	height: 120px;
	background: transparent;
	display: flex;
	align-items: center;
	padding: 0 15px;
}

@media (max-width: 767.98px) {
	.top-bar {
		padding-top: 15px;
		height: auto;
		padding-bottom: 10px;
	}
}

.container-custom {
	max-width: 1340px;
	margin: 0 auto;
	width: 100%;
	padding: 0 15px;
}

.container-custom-body {
	max-width: 1340px;
	margin: 0 auto;
	width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.logo-img {
	width: 250px;
	height: 60px;
	object-fit: contain;
}
.logo-img-develop {
	width: 130px;
	height: 25px;
	object-fit: contain;
}
.search-wrapper {
	position: relative;
	width: 100%;
	max-width: 500px;
}

.search-input {
	border-radius: 50px;
	border: 1px solid rgba(255,255,255,0.2);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(2px);
	padding: 0.6rem 1.2rem;
	padding-right: 3rem;
	color: #000;
	width: 100%;
}
[data-bs-theme="dark"] .search-input {
	background: rgba(12, 14, 16, 0.3);
	border: 1px solid rgba(12,14,16,0.1);
	color: var(--bs-light);
}

.search-input::placeholder {
	color: #333;
	opacity: 0.8;
}
[data-bs-theme="dark"] .search-input::placeholder {
	color: #B5B5B5;
}
/* Убираем тёмную обводку при фокусе, оставляем только мягкую тень */
.search-input:focus {
	outline: none;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	border-color: rgba(255,255,255,0.6); /* оставляем тот же цвет границы */
}
[data-bs-theme="dark"] .search-input:focus {
	border-color: rgba(12,14,16,0.4);
}
.search-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #464646;
	pointer-events: none;
	font-size: 1.2rem;
}
.order-search button i {
	color: #464646;
}
[data-bs-theme="dark"] .order-search button i {
	color: #858585;
}
.right-actions {
	display: flex;
	align-items: center;
	gap: 1.2rem;
}

.bookmark-link {
	color: #858585;
	font-size: 1.1rem;
	line-height: 1;
	transition: color 0.2s;
}
[data-bs-theme="dark"] .bookmark-link {
	color: #B5B5B5;
}
.bookmark-link:hover {
	color: #ECEC00;
}

/* Theme Switcher */
.theme-switcher {
	position: relative;
	width: 60px;
	height: 30px;
}

.theme-switcher input {
	display: none;
}

.theme-switcher label {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #e9ecef;
	border-radius: 15px;
	position: relative;
	cursor: pointer;
	transition: background-color 0.3s;
}

.theme-switcher label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 24px;
	height: 24px;
	background-color: white;
	border-radius: 50%;
	transition: transform 0.3s;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.theme-switcher input:checked + label {
	background-color: #495057;
}

.theme-switcher input:checked + label:after {
	transform: translateX(30px);
	content: '🌙';
	font-size: 14px;
	line-height: 24px;
}

.theme-switcher label:after {
	content: '☀️';
	font-size: 14px;
	line-height: 24px;
}


.navbar-second {
	background: rgba(220, 220, 220, 0.7);
	backdrop-filter: blur(4px);
	height: 60px;
	display: flex;
	align-items: center;
	width: 100%;
	z-index: 100;
	position: relative;
}
[data-bs-theme="dark"] .navbar-second {
	background-color: #212529;
}

.desktop-nav {
	display: flex;
	align-items: center;
	gap: 2rem;
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav-item {
	position: relative;
}

.nav-link-custom {
	font-weight: 500;
	color: #111;
	text-decoration: none;
	padding: 0.5rem 0;
	position: relative;
	transition: color 0.2s;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
}
[data-bs-theme="dark"] .nav-link-custom {
	color: #e9ecef;
}
.nav-link-custom i.fa-chevron-down {
	font-size: 0.75rem;
	position: relative;
	top: 1px;
}

.nav-link-custom:hover {
	color: #000;
}
[data-bs-theme="dark"] .nav-link-custom:hover {
	color: #fff;
}
.nav-link-custom::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #dc3545;
	transition: width 0.3s ease;
}

.nav-link-custom:hover::after {
	width: 100%;
}

@media (min-width: 768px) {
	.dropdown-hover:hover .dropdown-menu-custom {
		display: block;
	}
}

.dropdown-menu-custom {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: white;
	border-radius: 0.5rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
	padding: 0.5rem 0;
	min-width: 230px;
	z-index: 1020;
	border: 1px solid rgba(0,0,0,0.1);
}
[data-bs-theme="dark"] .dropdown-menu-custom {
	background-color: #212529;
}
.dropdown-menu-custom a {
	display: block;
	padding: 0.5rem 1.5rem;
	color: #333;
	text-decoration: none;
}
[data-bs-theme="dark"] .dropdown-menu-custom a {
	color: #e9ecef;
}
.dropdown-menu-custom a:hover {
	background-color: #f8f9fa;
}
[data-bs-theme="dark"] .dropdown-menu-custom a:hover {
	background-color: #424A53;
}
.btn-close-custom {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 1.8rem;
	background: none;
	border: none;
	color: #333;
}

.offcanvas {
	background-color: rgba(255,255,255,0.98);
}

.mobile-nav-list {
	list-style: none;
	padding: 0;
	margin-top: 2rem;
}
.mobile-nav-list li {
	margin-bottom: 1rem;
}
.mobile-nav-list .nav-link-mobile {
	font-size: 1.3rem;
	font-weight: 500;
	color: #111;
	text-decoration: none;
	display: block;
	padding: 0.5rem 0;
}
.submenu-mobile {
	list-style: none;
	padding-left: 1.5rem;
	margin-top: 0.5rem;
}
.submenu-mobile li {
	margin-bottom: 0.8rem;
}
.submenu-mobile a {
	font-size: 1.1rem;
	color: #333;
	text-decoration: none;
}

.filter-btn {
	white-space: nowrap;
}

@media (max-width: 767.98px) {
	.search-wrapper {
		max-width: 100%;
		margin-top: 10px;
	}
	.navbar-second {
		height: auto;
		padding: 0.5rem 0;
	}
	.logo-img {
		width: 180px;
		height: auto;
	}
}

.top-bar .container-custom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.order-logo:hover {opacity:0.7;}
.order-logo { order: 1; }
.order-right { order: 2; margin-left: auto; }
.order-search { order: 3; width: 100%; margin-top: 10px; }

@media (min-width: 768px) {
	.order-logo { order: 1; }
	.order-search { order: 2; width: auto; margin-top: 0; flex: 1 1 0; min-width: 300px; }
	.order-right { order: 3; margin-left: 0; }
	.search-wrapper {
		max-width: 500px;
		margin-left: 2rem;
	}
}
/* спидбар */
.speedbar, .speedbar a {text-decoration: none!important; color: #AAAAAA;}

/* фикс кнопки когда стиль на ней не срабатывает */
.fixbtn a {text-decoration: none!important; color: #ffffff!important;}

/* правка тегов ДЛЕ */
.btn-mybtn a {
	color: #fff !important;          /* белый цвет текста */
	text-decoration: none !important; /* убрать подчеркивание */
}
.btn-mybtn1 a {
	text-decoration: none !important; /* убрать подчеркивание */
}

/* для формы обратной связи */
.card-body select {
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color, #212529);
	background-color: var(--bs-body-bg, #fff);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: var(--bs-border-radius, 0.375rem);
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	appearance: none;
}
.card-body select:focus {
	border-color: var(--bs-primary-border-subtle, #86b7fe);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
/* Адаптация стрелки для тёмной темы */
[data-bs-theme="dark"] .card-body select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* тексты на страницах */
.fullstory a {
 text-decoration: none !important;
}

.fullstory p {
 text-align: justify;
 text-decoration: none !important;
}
.fullstory li {
 text-align: justify; 
}
.fullstory img {
 width:100%!important;
 height: auto;
 border-radius: 10px;
}
.fullstory img:hover {
 opacity:0.95;
}

/* тексты на страницах */
.fullcomment p {
 text-align: justify; 
}
.fullcomment li {
 text-align: justify; 
}
.fullcomment img {
 max-width:1px!important;
 height: auto;
 border-radius: 8px;
 display: none!important;
 
}
.fullcomment img:hover {
 opacity:0.95;
}

.imghover:hover {opacity:0.9;}

/* рейтинг */
.rate_like > a, .rate_like-dislike {
	float: left;
	padding: .417em .833em;
	border: 1px solid #eaeaea;
	border-radius: 0.555em;
	text-decoration: none !important;
	font-weight: bold;
	color: #64748b;
	-webkit-transition: all ease .2s; transition: all ease .2s;
}
.rate_like > a:hover { border-color: #3394e6; color: #3394e6; }
.rate_like .icon { width: 1.11em; height: 1.04em; margin: -.2em .3em 0 0; }

.rate_like-dislike > a {
	display: inline-block;
	width: 1.528em; height: 1.528em;
	text-align: center;
}
.rate_like-dislike > a .icon {
	width: .972em; height: 1.04em;
	fill: #787878;
	vertical-align: middle;
	margin: -.3em 0 0 0;
}
.rate_like-dislike > a:hover .icon { fill: #0c5f7eed; }
.rate_like-dislike .ratingplus { color: #88c54d; }
.rate_like-dislike .ratingminus { color: #e45757; }
.rate_like-dislike > span { cursor: default; margin: 0 .3em; }

/* Кнопка "Загрузить ещё" */
.load-more-btn a {
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 50rem;
    color: var(--bs-body-color);
    background-color: var(--bs-light);
    border: 1px solid var(--bs-border-color);
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.load-more-btn a:hover {
    background-color: var(--bs-secondary-bg);
    border-color: var(--bs-secondary-border-subtle);
    color: var(--bs-body-color);
}

.load-more-btn a:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Обёртка для пагинации */
.pagination-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}

.pagination-wrapper a,
.pagination-wrapper b,
.pagination-wrapper span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: var(--bs-border-radius);
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}

/* Ссылки при наведении */
.pagination-wrapper a:hover {
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

/* Текущая страница */
.pagination-wrapper b {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff;
    font-weight: 400;
}

/* Кнопка "Следующая страница" (стрелка) */
.next-page-btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-primary);
    color: #fff;
    border: 1px solid var(--bs-primary);
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}

.next-page-btn a:hover {
    background-color: var(--bs-primary-dark, #0b5ed7);
    border-color: var(--bs-primary-dark, #0a58ca);
    color: #fff;
}

.next-page-btn a:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Адаптация для тёмной темы  */
[data-bs-theme="dark"] .load-more-btn a {
    background-color: var(--bs-dark);
    border-color: var(--bs-gray-700);
    color: var(--bs-light);
}

[data-bs-theme="dark"] .load-more-btn a:hover {
    background-color: var(--bs-gray-800);
    border-color: var(--bs-gray-600);
}

[data-bs-theme="dark"] .pagination-wrapper a:hover {
    background-color: var(--bs-gray-800);
    border-color: var(--bs-gray-700);
}
/* сиде меню № 1 */
.side-menu1.list-group-item-action {
	transition: all 0.2s ease;
	text-decoration: none;
}
/* Hover-эффект: лёгкое смещение и изменение цвета иконки */
.side-menu1.list-group-item-action:hover {
	background-color: var(--bs-tertiary-bg) !important;

}
.side-menu1.list-group-item-action:hover .fa-chevron-right {
	color: var(--bs-primary) !important;
	transform: translateX(2px);
}
/* Адаптация иконки стрелки */
.side-menu1.fa-chevron-right {
	transition: all 0.2s ease;
}

/* Сиде меню №2 */
.sidebar-menu2 {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.sidebar-menu2 .sidebar-header {
	font-size: 0.75rem;
	letter-spacing: 1.2px;
	font-weight: 700;
	padding: 1.25rem 1rem 0.75rem;
	text-transform: uppercase;
	opacity: 0.6;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Стиль пункта меню */
.sidebar-menu2 .menu-item {
	display: flex;
	align-items: center;
	padding: 1rem;
	text-decoration: none;
	color: inherit;
	transition: all 0.25s ease;
	border-bottom: 1px solid rgba(0,0,0,0.03);
}

.sidebar-menu2 .menu-item:last-child {
	border-bottom: none;
}

/* Эффект при наведении */
.sidebar-menu2 .menu-item:hover {
	background-color: rgba(var(--bs-primary-rgb), 0.05);
	color: var(--bs-primary);

}

/* Контейнер иконки слева */
.sidebar-menu2 .menu-icon-box {
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin-right: 15px;
	background-color: rgba(0,0,0,0.03);
	transition: all 0.25s ease;
}

.sidebar-menu2 .menu-item:hover .menu-icon-box {
	background-color: var(--bs-primary);
	color: white;
}

/* Текстовый блок */
.sidebar-menu2 .menu-content {
	flex-grow: 1;
}

.sidebar-menu2 .menu-title {
	display: block;
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.2;
	margin-bottom: 2px;
}

.sidebar-menu2 .menu-subtitle {
	display: block;
	font-size: 0.75rem;
	opacity: 0.6;
}

/* Шеврон справа */
.sidebar-menu2 .menu-chevron {
	font-size: 0.8rem;
	opacity: 0.3;
	transition: all 0.25s ease;
}

.sidebar-menu2 .menu-item:hover .sidebar-menu2 .menu-chevron {
	opacity: 1;
	transform: translateX(5px);
}

/* Адаптация под темную тему Bootstrap */
[data-bs-theme="dark"] .sidebar-menu2 {
	box-shadow: 0 4px 15px rgba(0,0,0,0.3);
	background-color: #1e1e1e;
}
[data-bs-theme="dark"] .sidebar-menu2 .menu-icon-box {
	background-color: rgba(255,255,255,0.05);
}
/* зум */
.zoom-effect {
    overflow: hidden; /* Обрезаем увеличенное изображение */
}
.zoom-effect img {
    transition: transform 0.3s ease; /* Плавное увеличение */
}
.zoom-effect:hover img {
    transform: scale(1.05); /* Увеличиваем на 5% */
}
.transition-transform {
    transition: transform 0.3s ease;
}
.hover-scale-105:hover {
    transform: scale(1.05);
}
/* высота блока заголовка в shortstory */
.card-title-custom {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: 3.4rem; /* 1.4 * 2 = 2.8rem, чтобы высота была фиксированной */
}
.card-title-custom-tovar {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
    height: 3.0rem; /* 1.4 * 2 = 2.8rem, чтобы высота была фиксированной */
}
/* Адаптация изображения для тёмной темы */
[data-bs-theme="dark"] .img-dark-content img {
	filter: brightness(0.9);
}
/* стили сетки с каталогом */
.square-img {
	aspect-ratio: 1 / 1; /* квадратное соотношение */
	background-color: #f0f0f0; /* цвет на время загрузки */
}
.overlay-text {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.75rem 1rem;
	background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
	color: white;
	width: 100%;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.overlay-text .fw-bold {
	font-size: 1.1rem;
	line-height: 1.2;
}
.overlay-text .small {
	font-size: 0.85rem;
	opacity: 0.9;
}
 /* табы переключатели */
.nav-pills .nav-link {
	border-radius: 0.375rem;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	color: #0d6efd;              /* цвет текста как у btn-outline-primary */
	background-color: transparent;
	border: 1px solid #0d6efd;
}
.nav-pills .nav-link:hover {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}
.nav-pills .nav-link.active {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}
/* Убираем лишние стили при фокусе */
.nav-pills .nav-link:focus {
	
}
/* Адаптация для тёмной темы (если на сайте есть data-bs-theme) */
[data-bs-theme="dark"] .nav-pills .nav-link {
	color: #6ea8fe;
	border-color: #6ea8fe;
}
[data-bs-theme="dark"] .nav-pills .nav-link:hover,
[data-bs-theme="dark"] .nav-pills .nav-link.active {
	color: #000;
	background-color: #6ea8fe;
	border-color: #6ea8fe;
}
/* Отступы между кнопками на мобильных */
.gap-2 {
	gap: 0.5rem;
}
/* Кнопка "наверх" */
#scrolltop {
	position: fixed;
	bottom: 50px;
	right: 30px;
	width: 60px;
	height: 60px;
	background-color: #ffffff;
	border: none;
	border-radius: 50%;               /* делаем круглой */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	display: flex;                     /* центрируем иконку */
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	/* по умолчанию скрыта */
	opacity: 0;
	visibility: hidden;
	/* убираем стандартные отступы кнопки */
	padding: 0;
	/* для правильного отображения поверх контента */
	z-index: 1000;
	
}

/* Класс для отображения кнопки */
#scrolltop.show {
	opacity: 1;
	visibility: visible;
}

/* Стилизация иконки */
#scrolltop i {
	color: #0d6efd;
	font-size: 20px;                   /* размер можно подобрать под кнопку */
}
/* Стили подсказки (тултипа) */
.scrolltop-tooltip {
	position: absolute;
	right: 100%; /* слева от кнопки */
	top: 50%;
	transform: translateY(-50%);
	margin-right: 10px; /* отступ от кнопки */
	background: white;
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 10px 20px;
	white-space: nowrap;
	font-size: 14px;
	color: #333;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	pointer-events: none; /* чтобы не мешать клику на кнопку */
	opacity: 0;
	transition: opacity 0.2s, transform 0.2s;
	z-index: 10;
}
	#scrolltop:hover .scrolltop-tooltip {
		opacity: 1;
	}
/* Контейнер модального окна — ограничиваем прокрутку */
#imageModal .modal-body {
    overflow: auto;        /* если изображение больше, будет прокрутка */
    text-align: center;
    padding: 1rem;
}

/* Само изображение — вписываем в доступное пространство */
#imageModal .modal-body img {
    max-width: 100%;       /* не шире родителя */
    max-height: 70vh;      /* не выше 70% высоты окна */
    width: auto;
    height: auto;
    object-fit: contain;   /* сохраняем пропорции */
    display: inline-block;
}
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 90vw;   /* окно не шире 90% ширины экрана */
    }
}
.imgkrug img {
	border-radius: 50%;
}
.imgradius img {
 border-radius: 7px;
}
/* Управляем шириной блока с видео */
.video-wrapper {
	width: 100%; /* на мобильных по умолчанию */
}

@media (min-width: 768px) {
	.video-wrapper {
		width: 75%; /* на планшетах и десктопе */
	}
}

/* Если нужно точнее контролировать размер на больших экранах */
@media (min-width: 1200px) {
	.video-wrapper {
		width: 75%; /* например, для очень широких мониторов */
	}
}
/* модуль статистики */
.lightstat_main * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lightstat_main *:before, .lightstat_main *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.lightstat_main {
	min-width: 230px;
	width: 100%;
	margin: 0 auto;
	border-radius: 8px;
}

.lightstat_progress {
	width: 100%;
	padding: 0 10px;
}

.lightstat_progress span {
	height: 4px;
	display: block;
	float: left;
}

.lightstat_progress span:nth-of-type(1) {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.lightstat_progress span:nth-last-of-type(1) {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.lightstat_body {

	border-radius: 8px 8px 0 0;
	padding: 15px 0 1px 0;
}

.lightstat_body.border_none_user {
	border-radius: 8px;
}

.lightstat_body .result_numb div {
	padding: 0 10px 11px 10px;
	color: var(--bs-body-color);
	font-size: 16px;
}

.lightstat_body .result_numb div span:nth-of-type(1) {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 99px;
	margin: 9px 10px 0 0;
	vertical-align: top;
	box-shadow: 0px -1px 1px rgba(0, 0, 0, .6);
}

.lightstat_body .result_numb div span:nth-of-type(2) {
	float: right;
	color: var(--bs-body-color);
}

.lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {
	border: 2px solid #d9823b;
}

.lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {
	border: 2px solid #a963b9;
}

.lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {
	border: 2px solid #36a7a5;
}

.lightstat_user_circle {
	background: #d9823b;
}

.lightstat_guest_circle {
	background: #a963b9;
}

.lightstat_bot_circle {
	background: #36a7a5;
}

.lightstat_is {
	color: var(--bs-body-color);
	font-size: 14px;
	padding: 18px 0 15px 28px;
	display: block;
}

.lightstat_user_list {
	border-radius: 0 0 8px 8px;
	position: relative;
}

.lightstat_pandoge_com {
	width: 8px;
	height: 20px;
	position: relative; 
	background: #222;
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
	transition: .2s;
}

.lightstat_pandoge_com:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-bottom: 4px solid #d1d5d8;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}

.lightstat_pandoge_com:hover {
	height: 24px;
	transition: .2s;
}

.lightstat_user_list_title {
	color: var(--bs-body-color);
	font-size: 15px;
	padding: 18px 0 17px 28px;
	display: block;
	font-weight: 600;
}

.lightstat_user_list_item {
	padding: 0 10px 20px 10px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.lightstat_user_list_item a {
	text-decoration: none !important;
	color: var(--bs-body-color);
}

.lightstat_user_list_item_avatar {
	background-size: cover !important;
	border-radius: 99px;
	width: 34px;
	height: 34px;
	display: block;
}

.lightstat_user_list_item_avatar:hover {
	opacity: .8;
}

.lightstat_user_list_item_info {
	font-size: 12px;
	font-weight: 700;
	width: calc(100% - 34px);
	padding: 1px 0 0 10px;
}

.lightstat_user_list_item_info span {
	display: block;
	font-weight: 400;
	padding: 2px 0 0 0;
	color: var(--bs-body-color);
}

.lightstat_user_list_item_info span.online {
	color: #0e8952;
}

.lightstat_user_list_item_info a:hover {
	text-decoration: underline !important;
}

.full_list_visit {
	margin: auto;
	color: #242043;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
	font-weight: 700;
	width: 120px;
	text-align: center;
	background: #fff;
	border-radius: 99px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #888;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.full_list_visit:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
}

.full_list_visit_bg {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 0 0 8px 8px;
	z-index: 2;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, 1) 100%);
	padding: 20px 0;
}

.lightstat_user_list_item {
	display: none;
}

.lightstat_user_list .lightstat_user_list_item:nth-of-type(1), .lightstat_user_list .lightstat_user_list_item:nth-of-type(2), .lightstat_user_list .lightstat_user_list_item:nth-of-type(3) {
	display: flex;
}

.lightstat_light_theme .lightstat_body {
	background: #f1f5f7;
}

.lightstat_light_theme .lightstat_body {
	background: #f1f5f7;
}

.lightstat_light_theme .lightstat_user_list_item a {
	color: #030304;
}

.lightstat_light_theme .lightstat_user_list_title {
	color: #030304;
}

.lightstat_light_theme .lightstat_body .result_numb div span:nth-of-type(2) {
	color: #283e52;
}

.lightstat_light_theme .lightstat_body .result_numb div {
	color: #030304;
	text-shadow: none;
}

.lightstat_light_theme .lightstat_is {
	text-shadow: none;
	color: #283e52;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {
	border: 2px solid #0bb1d6;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {
	border: 2px solid #ff6d00;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {
	border: 2px solid #345471;
	box-shadow: none;
}

.lightstat_light_theme .lightstat_user_circle {
	background: #0bb1d6;
}

.lightstat_light_theme .lightstat_guest_circle {
	background: #ff6d00;
}

.lightstat_light_theme .lightstat_bot_circle {
	background: #345471;
}