@font-face {
    font-family: 'Montserrat';  
    src:	url('../fonts/Montserrat-Regular.woff2') format('woff2'),
			url('../fonts/Montserrat-Regular.woff') format('woff'),
			url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "TT Supermolot Neue";
	font-display: swap;
	src: url('../fonts/tt_supermolot_neue_trl_ext_md_rg-webfont.woff2') format('woff2'),
		url('../fonts/tt_supermolot_neue_trl_ext_md_rg-webfont.woff') format('woff');
	font-weight: 500;
}
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body { 
    /*background-image: url('../images/background/milky-way-mob.avif');*/
	background-image: url('../images/background/milky-way.avif');
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #000000;
	font-family: "Montserrat", "Open Sans", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	transition: background-image 1s ease-in-out, background-color 1s ease-in-out, opacity 1s ease-in-out;
	width: 100%;
	min-height: 100vh;
	flex-direction: column;
}

/* ========== БАЗОВЫЕ СТИЛИ СКРОЛЛБАРА ========== */
::-webkit-scrollbar,
.grid-body::-webkit-scrollbar,
.sidebar-body-courses::-webkit-scrollbar,
.sidebar-body-categories::-webkit-scrollbar,
.sidebar-body-professions::-webkit-scrollbar,
.sidebar-body-schools::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}

::-webkit-scrollbar-thumb,
.grid-body::-webkit-scrollbar-thumb,
.sidebar-body-courses::-webkit-scrollbar-thumb,
.sidebar-body-categories::-webkit-scrollbar-thumb,
.sidebar-body-professions::-webkit-scrollbar-thumb,
.sidebar-body-schools::-webkit-scrollbar-thumb {
    border-radius: .2rem;
    background: linear-gradient(330deg, #00FFFF50, #8A2BE250, #FF149350, #FFFF0050);
    visibility: hidden;
}

.grid-body::-webkit-scrollbar-track,
.sidebar-body-courses::-webkit-scrollbar-track,
.sidebar-body-categories::-webkit-scrollbar-track,
.sidebar-body-professions::-webkit-scrollbar-track,
.sidebar-body-schools::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-track {
    background: #4B0082;
}

::-webkit-scrollbar-thumb:hover,
.grid-body::-webkit-scrollbar-thumb:hover,
.sidebar-body-courses::-webkit-scrollbar-thumb:hover,
.sidebar-body-categories::-webkit-scrollbar-thumb:hover,
.sidebar-body-professions::-webkit-scrollbar-thumb:hover,
.sidebar-body-schools::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(330deg, #00FFFF, #8A2BE2, #FF1493, #FFFF00);
}

/* ========== КЛЮЧЕВОЕ ИСПРАВЛЕНИЕ: РОДИТЕЛЬСКИЕ HOVER СЕЛЕКТОРЫ ========== */
::-webkit-scrollbar-thumb,
/* Для обычных grid (categories, courses, professions) */
.categories-grid:hover .grid-body::-webkit-scrollbar-thumb,
.categories-grid:hover .grid-body::-webkit-scrollbar-button,
.courses-grid:hover .grid-body::-webkit-scrollbar-thumb,
.courses-grid:hover .grid-body::-webkit-scrollbar-button,
.professions-grid:hover .grid-body::-webkit-scrollbar-thumb,
.professions-grid:hover .grid-body::-webkit-scrollbar-button,

/* Для сайдбаров */
.sidebar:hover .sidebar-body-courses::-webkit-scrollbar-thumb,
.sidebar:hover .sidebar-body-courses::-webkit-scrollbar-button,
.sidebar:hover .sidebar-body-categories::-webkit-scrollbar-thumb,
.sidebar:hover .sidebar-body-categories::-webkit-scrollbar-button,
.sidebar:hover .sidebar-body-professions::-webkit-scrollbar-thumb,
.sidebar:hover .sidebar-body-professions::-webkit-scrollbar-button,
.sidebar:hover .sidebar-body-schools::-webkit-scrollbar-thumb,
.sidebar:hover .sidebar-body-schools::-webkit-scrollbar-button {
    visibility: visible;
}

/* ========== СТИЛИ ДЛЯ TABLE_BODY (ОНЛАЙН-ШКОЛЫ) ========== */
.table__body::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}
.table__body::-webkit-scrollbar-thumb {
    border-radius: 0rem;
    background: linear-gradient(330deg, #00FFFF50, #8A2BE250, #FF149350, #FFFF0050);
    visibility: hidden;
}
.table__body::-webkit-scrollbar-track {
    background: transparent;
}
.table__body::-webkit-scrollbar-button {
    background-color: #FFFF0050;
    height: 0.5rem;
    visibility: hidden;
}
.table__body::-webkit-scrollbar-button:vertical:decrement {
    background-color: #FFFF0050;
}
.table__body::-webkit-scrollbar-button:vertical:increment {
    background-color: #00FFFF50;
}
.table__body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(330deg, #00FFFF, #8A2BE2, #FF1493, #FFFF00);
}
/* КЛЮЧЕВОЕ ИСПРАВЛЕНИЕ: Родительский hover для онлайн-школ */
.online-schools-grid:hover .table__body::-webkit-scrollbar-thumb,
.online-schools-grid:hover .table__body::-webkit-scrollbar-button {
    visibility: visible;
}


.main-container {
		display: flex;
		width: 100%;
		flex-direction: column;
		max-width: 1440px;
		margin: 0rem auto;
		flex: 1 0 auto; 
	}	
	.container {
		display: flex;
		width: 100%;
		overflow-x: hidden;
	}
	.header-container {
	/* margin: 0 auto;  */
		padding: 0 2rem;
		z-index: 1;
	}
	.header {
		max-width: 1440px;
		/* padding: 0 2rem; */
		margin: 0 auto;  
		/* background-color: inherit; */
	}
	.header_logo, .header_navi, .header_text {
	    max-width: 100%;
	}
	.header_navi {
		display: flex;
		align-items: center;
		/* margin: 0 auto;   */
		justify-content: space-between;  
		/* width: 100%; */
		/* max-width: 1230px;*/
	}
	.header_logo {
	/* max-width: 100%; */
		display: flex;
		/* justify-content: center; */
		align-items: center;
		/*padding: 1.25rem 1.25rrem 0rem;*/
	}
	.header_logo img {
		width: 4rem;  
		height: auto; 
	}
	.header_menu {
		/* flex-grow: 1;  
		display: flex;
		/* justify-content: flex-end; */
		/* margin-right: 70px; */
		align-items: center;	
	}
	.navigation {
		display: flex;  
		/* margin: 0 auto; */
	}
	.nav-items {
		display: flex;  
		list-style: none;     
	}
	.nav-items li {
		margin: 0 1rem;  
	}
	.nav-items li a {
		text-decoration: none;  
		color: #c4c4c4;  
		font-weight: 300;  
		/* font-family: 'TTSupermolotNeue-ExpMed', sans-serif; */
		font-family:'Gamestation-Extended', sans-serif;
		font-size: 12px;
	}
	ul.nav-items li:last-child {
		margin-right: 0;             
	}
	.hamburger {
		display: none;  
		font-size: 24px;  
		cursor: pointer;  
		color: orange;
	}
.site-title .content {
    display: none; /* Скрываем только анимацию с текстом */
    animation: none !important;
}
.site-title h1.site-name {
	color: #fff;
	font-size: 1rem;
	font-weight: 600;  
	line-height: 2.5rem; 
	margin: 0 1rem 0 0;
}


/* ========== БАЗОВЫЕ СТИЛИ ДЛЯ МОБИЛЬНЫХ ========== */
/* Сетка для категорий/курсов/профессий */
	.mobile-grid-view {
		display: grid;
		grid-template-columns: 1fr;
		backdrop-filter: blur(10px) saturate(160%);
		background-color: rgba(17, 25, 40, 0.6);
		border-radius: 0.75rem;
		gap: 0.75rem;
		margin-bottom: 1.25rem;
	}
	/* 1. Скрываем десктопные контейнеры на мобильных */
	/*.container,*/
	.sidebar,
	.sidebar-header,
	.categories-grid,
	.courses-grid,
	.professions-grid,
	.online-schools-grid,
	.btn-catalog,
	.site-title .content ol {
		display: none;
	}
	/* 2. Показываем мобильный контейнер */
	.mobile-content-container {
		display: block;
		width: 100%;
		padding: 15px;
		min-height: 70vh;
    	position: relative;
	}
	.mobile-loading {
		text-align: center;
		padding: 40px 20px;
		color: rgba(255, 255, 255, 0.7);
		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
	}
	.loading-spinner {
		width: 40px;
		height: 40px;
		border: 3px solid rgba(255, 255, 255, 0.1);
		border-top: 3px solid #4dabf7;
		border-radius: 50%;
		animation: spin 1s linear infinite;
		margin: 0 auto 15px;
	}
	@keyframes spin {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(360deg);}
	}

	/* ========== МОБИЛЬНЫЙ КОНТЕНТ ========== */
	.mobile-content-section {
		display: none;
		animation: fadeIn 0.3s ease;
		margin: 0 0 10rem 0;
	}
	.mobile-content-section.active {
		display: block;
	}
	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* Заголовок секции */
	.mobile-section-header {
		text-align: center;
		margin-bottom: 20px;
		padding-bottom: 15px;
		border-bottom: 2px solid rgba(77, 171, 247, 0.3);
	}
	.mobile-section-header h2 {
		margin: 0;
		font-size: 20px;
		color: #fff;
		font-weight: 600;
	}
	.mobile-grid-item {
		display: flex;
		align-items: center;
		padding: 10px 20px;
		background: rgba(255, 255, 255, 0.04);
		border-radius: 0.75rem;
		border: 1px solid rgba(255, 255, 255, 0.08);
		text-decoration: none;
		color: #fff;
		font-size: 15px;
		transition: all 0.3s ease;
		min-height: 56px;
	}
	.mobile-grid-item:hover {
		background: rgba(255, 255, 255, 0.08);
		border-color: rgba(77, 171, 247, 0.3);
		transform: translateY(-2px);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	}
	.mobile-grid-item img.icon {
		width: 2rem;
   		height: auto;
		margin-right: 15px;
		flex-shrink: 0;
	}
	/* Онлайн-школы для мобильных */
	.mobile-schools-section {
		padding: 10px 0;
	}
	/* ========== BOTTOM NAVIGATION ========== */
	.mobile-bottom-nav {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(20, 20, 35, 0.98);
		backdrop-filter: blur(20px);
		border-top: 1px solid rgba(255, 255, 255, 0.15);
		z-index: 10000;
		padding: 12px 0 8px;
		box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.3);
	}
	.nav-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 8px 0;
		color: rgba(255, 255, 255, 0.7);
		text-decoration: none;
		font-size: 12px;
		transition: all 0.3s ease;
		position: relative;
	}
	.nav-item.active::before {
		content: '';
		position: absolute;
		top: -12px;
		width: 30px;
		height: 3px;
		background: linear-gradient(135deg, #00FFFF, #FF00FF);
		border-radius: 3px;
	}
	.nav-item img {
		width: 24px;
		height: 24px;
		margin-bottom: 6px;
		filter: brightness(0.8);
		transition: all 0.3s ease;
	}
	.nav-item.active img {
		filter: brightness(1) drop-shadow(0 0 8px rgba(77, 171, 247, 0.4));
		transform: scale(1.1);
	}
	.nav-item span {
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.3px;
	}

	.footer {
		display: none;
	}
	/* Сообщение об отсутствии данных */
	.no-data {
		text-align: center;
		padding: 40px 20px;
		color: rgba(255, 255, 255, 0.5);
		font-style: italic;
	}

/* Стили для аккордеона категорий */
.mobile-accordion-categories {
	backdrop-filter: blur(10px) saturate(160%);
	background-color: rgba(17, 25, 40, 0.6);
	border-radius: 0.75rem;
	margin-bottom: 30px;
}
.accordion-category-item {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	margin-bottom: 10px;
	overflow: hidden;
}
.accordion-category-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
	cursor: pointer;
	transition: background 0.3s ease;
}
.accordion-category-header:hover {
	background: rgba(255, 255, 255, 0.06);
}
.accordion-category-header .icon {
	width: 2rem;
   	height: auto;
	margin-right: 15px;
}
.accordion-category-title {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	flex: 1;
}
.accordion-category-toggle {
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	transition: transform 0.3s ease;
}
.accordion-category-item.open .accordion-category-toggle {
	transform: rotate(180deg);
}
.accordion-category-content {
	max-height: 0;
	overflow: auto;
	transition: max-height 0.3s ease;
	background: rgba(0, 0, 0, 0.2);
	will-change: max-height;
	-webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}
.accordion-category-item.open .accordion-category-content {
	max-height: 320px;
}
/* Супер-важно для производительности! */
#mobile-content-container>* {
	content-visibility: auto;
	contain-intrinsic-size: 0 50px;
}

/* Отключаем для активного элемента */
.accordion-category-item.open {
	content-visibility: visible;
}
.category-links {
	list-style: none;
	padding: 0;
	margin: 0;
}
.category-links li {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.category-link-item {
	display: block;
	padding: 15px 20px;
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	font-size: 14px;
	transition: all 0.3s ease;
}
/*.category-link-item:hover {
	background: rgba(255, 255, 255, 0.05);
	color: #fff;
	padding-left: 25px;
}*/
#mobile-bottom-nav {
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: blur(10px);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 12px 0;
}
.nav-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
	opacity: 0.7;
	transition: all 0.3s ease;
	flex: 1;
}
.nav-item:hover {
	opacity: 0.9;
}
.nav-item.active {
	opacity: 1;
	scale: 1.1;
	will-change: transform;
}
/* === ОБЩИЕ СТИЛИ ДЛЯ ИКОНОК === */
.nav-icon {
	width: 1.8rem;
	height: 1.8rem;
	margin-bottom: 6px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 0.6s ease;
}
/* НЕАКТИВНЫЕ ИКОНКИ (БЕЛЫЕ) */
.icon-categories {
	-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M405 32v75h75v42h-75v75h-42v-75h-75v-42h75V32h42zm-362 251h171c4 0 8 2 11 5 3 3 5 7 5 11v171c0 4-2 8-5 11-3 3-7 5-11 5H43c-4 0-8-2-11-5-3-3-5-7-5-11V299c0-4 2-8 5-11 3-3 7-5 11-5zm256 0h171c4 0 8 2 11 5 3 3 5 7 5 11v171c0 4-2 8-5 11-3 3-7 5-11 5H299c-4 0-8-2-11-5-3-3-5-7-5-11V299c0-4 2-8 5-11 3-3 7-5 11-5zM43 27h171c4 0 8 2 11 5 3 3 5 7 5 11v171c0 4-2 8-5 11-3 3-7 5-11 5H43c-4 0-8-2-11-5-3-3-5-7-5-11V43c0-4 2-8 5-11 3-3 7-5 11-5z"%2F%3E%3C/svg%3E');
	mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M405 32v75h75v42h-75v75h-42v-75h-75v-42h75V32h42zm-362 251h171c4 0 8 2 11 5 3 3 5 7 5 11v171c0 4-2 8-5 11-3 3-7 5-11 5H43c-4 0-8-2-11-5-3-3-5-7-5-11V299c0-4 2-8 5-11 3-3 7-5 11-5zm256 0h171c4 0 8 2 11 5 3 3 5 7 5 11v171c0 4-2 8-5 11-3 3-7 5-11 5H299c-4 0-8-2-11-5-3-3-5-7-5-11V299c0-4 2-8 5-11 3-3 7-5 11-5zM43 27h171c4 0 8 2 11 5 3 3 5 7 5 11v171c0 4-2 8-5 11-3 3-7 5-11 5H43c-4 0-8-2-11-5-3-3-5-7-5-11V43c0-4 2-8 5-11 3-3 7-5 11-5z"%2F%3E%3C/svg%3E');
	background-color: #ffffff;
}
.icon-courses {
	-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill-rule="evenodd" d="M256 32C132 32 32 132 32 256s100 224 224 224 224-100 224-224S380 32 256 32zm0 412c-103 0-187-84-187-187s84-187 187-187 187 84 187 187-84 187-187 187zm-45-101l142-101-142-101v202z"%2F%3E%3C/svg%3E');
	mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill-rule="evenodd" d="M256 32C132 32 32 132 32 256s100 224 224 224 224-100 224-224S380 32 256 32zm0 412c-103 0-187-84-187-187s84-187 187-187 187 84 187 187-84 187-187 187zm-45-101l142-101-142-101v202z"%2F%3E%3C/svg%3E');
	background-color: #ffffff;
}
.icon-professions {
	-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M205 441l-.5-.5c-8.7-2.4-17.2-5.4-25.4-9L235 377c110 18 183-108 116-194-17-21-40-36-66-43-26-6-54-4-78 7-25 11-45 29-58 53-13 23-18 50-13 77l-55 55c-4-8-7-17-9-26l-.1-.5H25V208h47l.1-.5c4-16 10-30 18-44l.2-.5-33-33 70-70 34 34 .3-.5c14-8 29-14 44-18l.5-.1V28h99v47l.5.1c15 4 30 10 44 18l.3.5 34-34 70 70-33 33 .2.5c8 14 14 28 18 44l.1.5H485v99h-47l-.1.5c-4 16-10 30-18 44l-.2.5 33 33-70 70-34-34-.3.5c-14 8-29 14-44 18l-.5.1v47H205v-47zM242 187c13-3 26-2 38 2L236 233l-.2.3.2.3 14 28 .1.1.1.1 28 14 .3.2-.3.3 44-44c4 12 5 25 2 38-3 13-9 25-19 34-10 10-22 16-35 19-13 3-26 2-38-2l-.3-.1-.2.2L84 468c-5 5-12 7-19 7-7 0-14-2-19-7-5-5-8-12-7-19 0-7 2-14 7-19L192 278l.2-.2-.1-.3c-4-12-5-26-2-38 3-13 9-25 19-34 10-10 22-16 35-19z"%2F%3E%3C/svg%3E');
	mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M205 441l-.5-.5c-8.7-2.4-17.2-5.4-25.4-9L235 377c110 18 183-108 116-194-17-21-40-36-66-43-26-6-54-4-78 7-25 11-45 29-58 53-13 23-18 50-13 77l-55 55c-4-8-7-17-9-26l-.1-.5H25V208h47l.1-.5c4-16 10-30 18-44l.2-.5-33-33 70-70 34 34 .3-.5c14-8 29-14 44-18l.5-.1V28h99v47l.5.1c15 4 30 10 44 18l.3.5 34-34 70 70-33 33 .2.5c8 14 14 28 18 44l.1.5H485v99h-47l-.1.5c-4 16-10 30-18 44l-.2.5 33 33-70 70-34-34-.3.5c-14 8-29 14-44 18l-.5.1v47H205v-47zM242 187c13-3 26-2 38 2L236 233l-.2.3.2.3 14 28 .1.1.1.1 28 14 .3.2-.3.3 44-44c4 12 5 25 2 38-3 13-9 25-19 34-10 10-22 16-35 19-13 3-26 2-38-2l-.3-.1-.2.2L84 468c-5 5-12 7-19 7-7 0-14-2-19-7-5-5-8-12-7-19 0-7 2-14 7-19L192 278l.2-.2-.1-.3c-4-12-5-26-2-38 3-13 9-25 19-34 10-10 22-16 35-19z"%2F%3E%3C/svg%3E');
	background-color: #ffffff;
}
.icon-schools {
	-webkit-mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M482 385c-4 0-8-1-12-3-9 37-13 67-11 85 12 7 34 7 46 0 2-18-2-48-11-85-4 2-8 3-12 3zm-19-35c0 6 3 12 7 15h.1c3 3 7 4 12 4s9-1 12-4c4-4 7-10 7-16s-7-15-19-15-19 9-19 20zm12-185v151c2-.5 5-.8 7-.8 3 0 5 .3 7 .8V159L512 150 256 53 0 150l256 97 219-83zM256 263c-1 0-1 0-2-.1L103 204v172c51 30 104 45 156 46 52-1 104-16 156-46V204L258 263c-1 0-1 0-2 0z"%2F%3E%3C/svg%3E');
	mask: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M482 385c-4 0-8-1-12-3-9 37-13 67-11 85 12 7 34 7 46 0 2-18-2-48-11-85-4 2-8 3-12 3zm-19-35c0 6 3 12 7 15h.1c3 3 7 4 12 4s9-1 12-4c4-4 7-10 7-16s-7-15-19-15-19 9-19 20zm12-185v151c2-.5 5-.8 7-.8 3 0 5 .3 7 .8V159L512 150 256 53 0 150l256 97 219-83zM256 263c-1 0-1 0-2-.1L103 204v172c51 30 104 45 156 46 52-1 104-16 156-46V204L258 263c-1 0-1 0-2 0z"%2F%3E%3C/svg%3E');
	background-color: #ffffff;
}
/* АКТИВНЫЕ ИКОНКИ (ГРАДИЕНТ) */
.nav-item.active .nav-icon {
	background: linear-gradient(135deg, #00FFFF, #FF00FF);
	background-size: 200% 200%;
	animation: gradient-nav-icon 3s ease infinite;
}
@keyframes gradient-nav-icon {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}
/* === ТЕКСТ ПОД ИКОНКАМИ === */
.nav-item span {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.3px;
	transition: color 0.3s ease;
	color: #ffffff;
}
.nav-item.active span {
	background: linear-gradient(to right, #00FFFF, #FF00FF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-weight: 600;
}
.sprite-svg {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	/* visibility: hidden - не используем, чтобы был доступен для <use> */
}

/* Мобильная версия */
@media (max-width: 768px) {
	#sidebar-sprite-desktop {
		display: none;
	}
	#sidebar-sprite-mobile {
		display: inline-block;
		width: 0;
		height: 0;
	}
}

@media (min-width: 576px) {
	.mobile-grid-view {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ========== ПЛАНШЕТЫ ========== */
@media (min-width: 769px) {	
    html, body {            
	    background-image: url('../images/background/milky-way.avif');
    }
	.sidebar,
	.sidebar-header,
	.categories-grid,
	.courses-grid,
	.professions-grid,
	.online-schools-grid,
	.btn-catalog,
	.site-title .content ol {
		display: block;
	}
	 #sidebar-sprite-mobile {
        display: none;
    }
    #sidebar-sprite-desktop  {
        display: inline-block;
        width: 0;
        height: 0;
    }
    .categories-grid svg.icon,
    .courses-grid svg.icon {
         display: none;
    }
	.mobile-content-container,
	.mobile-bottom-nav,
	#mobile-bottom-nav {
		display: none;
	}
	
	.btn-catalog {
		display: flex;
		gap: 1rem;
	}
	.btn-catalog .btn, .btn-catalog .btn-stroke {
		font-size: 1rem;
		font-family: "Montserrat", "Open Sans", sans-serif;
		font-weight: 400;
	}
	.site-title {
		display: flex;
		height: 2.5rem; 
		margin-left: .3rem;
	}
	.site-title .content {
		color: #fff;
		font-size: 1rem;
		height: 2.5rem; 
		display: flex;
	}
	.site-title .content ol {
		list-style: none;
		height: 2.5rem;
		line-height: 2.5rem;
		overflow: hidden;
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start;
		margin: 0;
		padding: 0;
		position: relative; 
	}
	.site-title .content ol li span {
		height: 1.2rem;
		line-height: 1.2rem;
		font-weight: 600;
		-webkit-text-fill-color: transparent;
		background: linear-gradient(20deg, aqua, magenta);
		-webkit-background-clip: text;
		white-space: nowrap;
		border-right: .2rem solid #fff;
		display: inline-block;
		animation: cursor .8s step-end infinite, typing 5s steps(30) infinite alternate;
	}

	@keyframes cursor {
		50% { border-color: transparent; }
	}

	@keyframes typing {
		0%, 10% { width: 0%; }
		70%, 100% { width: 105%; }
	}

	.site-title .content ol li {
		animation: slide calc(6 * 5s) steps(6) infinite;
		animation: slide-up 30s infinite;
		will-change: transform;
	}


	@keyframes slide-up {
		0%, 15% {
			transform: translateY(0%);
		}
		16%, 33% {
			transform: translateY(-100%);
		}
		34%, 54% {
			transform: translateY(-200%);
		}
		55%, 65% {
			transform: translateY(-300%);
		}
		66%, 80% {
			transform: translateY(-400%);
		}
		81%, 95% {
			transform: translateY(-500%);
		}
	}
	.site-title .content ol li:nth-child(1) span {
		background: linear-gradient(20deg, #00FFFF, #8A2BE2, #FF1493, #FFFF00); /* aqua, blue and purple, deep pink, yellow */
		-webkit-text-fill-color: transparent;
		-webkit-background-clip: text;
	}

	.site-title .content ol li:nth-child(2) span {
		background: linear-gradient(20deg, #00FF00, #FFFF00, #FFD600, #DB0092, #AA00FF ); /* golden, deep pink, purple   */
		-webkit-background-clip: text;
	}

	.site-title .content ol li:nth-child(3) span {
		background: linear-gradient(20deg, #FF00FF, #00FFFF); /* magenta, aqua*/
		-webkit-background-clip: text;
	}

	.site-title .content ol li:nth-child(4) span {
		background: linear-gradient(20deg, #FFFF00, #FF00FF); /* yellow, magenta */
		-webkit-background-clip: text;
	}

	.site-title .content ol li:nth-child(5) span {
		background: linear-gradient(20deg, #FF1493, #FF00FF, #7D00D9); /* deep pink, magenta, indigo */
		-webkit-background-clip: text;
	}

	.site-title .content ol li:nth-child(6) span {
		background: linear-gradient(20deg, #00FFFF, #00FF00); /* aqua, lime */
		-webkit-background-clip: text;
	}

    .desktop-title { display: none; }
    .mobile-title { display: inline; }

	.title {text-align: center;}

	.sidebar-header {
		color: #ffffff;		 
		font-size: 1.5rem;
		text-align: left; 
		line-height: 2;
		margin: 0;	
		opacity: 0.3;
		transition: color 1s ease, transform 1s ease, background-color 1s;
	}
	.sidebar-header:hover {
		opacity: 1;
		transition: color 1s ease, transform 1s ease, background-color 1s;
	}
	
	.sidebar {
		backdrop-filter: blur(10px) saturate(160%);
		background-color: rgba(17, 25, 40, 0.6);
		border-radius: 1rem 0 0 1rem;
		margin: 1rem 0 2rem 2rem; 
	}
	.sidebar:hover {
		background-color: rgba(6, 0, 3, 0.55);
		transition: background-color 500ms linear 0ms;
	}

    .grid-header {
		display: grid;
		grid-column: span 3; 
		color: #FFFFFF20;  
		font-size: 1.5rem;
		text-align: left;  
		line-height: 1.2;
		margin: 0;
		transition: color 1s ease, background-color 1s; 
	}

    .sidebar--categories .sidebar-header {padding: 1.7rem 1.2rem 1rem 2.4rem;}
    .sidebar--courses .sidebar-header {padding: 1.7rem 1.2rem 1rem 2.4rem;}
    .sidebar--professions .sidebar-header {padding: 1.7rem 1.2rem 1rem 2.4rem;}
    .sidebar--online-schools .sidebar-header {padding: 1.7rem 1.2rem 1rem 2.4rem;}
    
	.categories-grid .grid-header {padding: 1.7rem 1rem 2.1rem 2rem;}	
	.courses-grid .grid-header {padding: 1.7rem 1rem 2.1rem 2rem;}
	.professions-grid .grid-header {padding: 1.7rem 1rem 1rem 2rem;}	
	.online-schools-grid .grid-header {padding: 1.7rem 0.5rem 1rem 2rem;}
    
	.categories-grid.categories-vakansii .grid-header {padding: 1.7rem 1rem 2.15rem 2rem;}
    .courses-grid.finance-courses .grid-header {padding: 1.7rem 1rem 2.1rem 2rem;}

	h1, .h1 {
		color: #fff;
		font-weight: 400;
		font-size: 2rem;
	}
	h2, .h2, h3, .h3 {
		font-size: 1.25rem;
		text-align: left; 
		font-family: "Montserrat", "Open Sans", sans-serif;
		font-weight: 400;
		line-height: 1.2;
	}
	
    .sidebar-body-categories {width: 20rem; height: 33rem; padding: 0 0 0 1.2rem; overflow-y: auto;}
    .sidebar-body-courses {width: 20rem; height: 32.5rem; padding: 0 1.2rem; overflow-y: auto;}
    .sidebar-body-professions {width: 21rem; height: 33rem; padding: 0 0 0 1.2rem; overflow-y: auto;}
    .sidebar-body-schools {width: 18rem; height: 36.4rem; padding: 0 0 0 1.2rem; overflow-y: auto;}

    .sidebar-body-categories:hover .sidebar-tab.active,
	.sidebar-body-courses:hover .sidebar-tab.active, 
	.sidebar-body-professions:hover .sidebar-tab.active,
	.sidebar-body-schools:hover .sidebar-tab.active {
		background-color: transparent;
	}
	.sidebar-tab:hover {
		background-color: rgba(255, 255, 255, 0.1);
		border-radius: 1rem;
		transition: background-color 1s;
		opacity: 1;
	}
	.sidebar-tab.active {
		background-color: rgba(255, 255, 255, 0.11);
		border-radius: 1rem;
		opacity: 1;
	}

	.sidebar-tab p, .grid-header span {	
		background: linear-gradient(to left, #1e5799, #2ce0bf, #76dd2c, #dba62b, #e02cbf, #1e5799);
		background-size: 300%; 
		background-clip: text;
		-webkit-background-clip: text;
		transition: color 1s ease, background-color 1s; 
	}
	.sidebar-tab:hover p, .grid-header span:hover {
		color: #00FF00;
		text-fill-color: transparent;  
		-webkit-text-fill-color: transparent; 
		font-weight: bold;
		animation: category-gradient-animation 40s linear infinite; 
		transition: transform 1s ease;
		transform: scale(1.05); 
		cursor: pointer; 
	}
	@keyframes category-gradient-animation {
		0% {
			background-position: 0;
		}
		100% {
			background-position: 10000px; 
		}
	}
							
	.sidebar-tab img {
		width: 2rem;
		height: auto;
		margin-right: .7rem;
		transition: opacity 1s ease, transform 1s ease !important;
	}
	.sidebar-tab:hover img {
		transform: scale(1.1); 
		filter: hue-rotate(2160deg) brightness(1) opacity(100%);
		transition: opacity 1s ease, transform 1s ease, filter 20s ease;
	}
	
	.categories-grid, .courses-grid, .professions-grid, .online-schools-grid { 				
		flex: 1;			
		backdrop-filter: blur(10px) saturate(160%);
		background-color: rgba(17, 25, 40, 0.6);            
		border-radius: 0 1rem 1rem 0;								
		margin: 1rem 2rem 2rem 0;
		gap: 0px 20px; 			
	}
	.categories-grid, .courses-grid, .professions-grid  { 
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 58px auto;
		flex-direction: column;
	}
	.categories-grid {display: flex; height: 38rem; padding: 0 0 2.8em 1rem;}
	.courses-grid { display: flex; height: 38rem; padding: 0 0 2.8em 1rem;}
	.professions-grid { display: flex; height: 38rem; padding: 0 0 2rem 0; overflow-y: auto;}
	.online-schools-grid {display: none; height: 43rem; width: 22.5rem; padding: 0; }
 
	.sidebar--categories {height: 38rem;}
    .sidebar--courses {height: 38rem;}
    .sidebar--professions {height: 38rem;}


	.categories-grid:hover, .courses-grid:hover, .professions-grid:hover,.online-schools-grid:hover {
		background-color: rgba(6, 0, 3, 0.55);
		transition: background-color 500ms linear 0ms;
	}


	.sidebar-tab {
		display: flex;
		align-items: center;
		cursor: pointer;            
		color: #ffffff;
        font-size: 0.85rem;
		transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s;  
		opacity: 0.3;
	}

    .sidebar--categories .sidebar-tab {padding: 0.5rem 1.2rem; margin: 0.5rem 1rem 1rem 0; height: 3rem;}
    .sidebar--courses .sidebar-tab {padding: 0.5rem 1.2rem; margin: 0.5rem 1rem 1rem 0; height: 3rem;}
	.sidebar--professions .sidebar-tab {padding: 0.5rem 1.2rem; margin: 0.5rem 1rem 1rem 0; height: 3rem;}
	.sidebar--online-schools .sidebar-tab {padding: 0.5rem 1.2rem; margin: 0.5rem 1rem 1rem 0; height: 3rem;}

	.grid-body {	
		display: flex;
		flex-direction: column;  
		overflow-y: auto;  
		overflow-x: hidden;
		padding: 0 2rem 0 2rem;
		gap: 1rem;
	}
	.categories-grid .grid-body {gap: 1rem; }
    .courses-grid .grid-body {gap: 2.4rem; }
	.courses-grid.lichnostnyi-rost-courses .grid-body {gap: 2.3rem;}
	.courses-grid.muzhskie-courses .grid-body,
    .courses-grid.psikhologiya .grid-body,
    .courses-grid.analitika .grid-body {gap: 2rem;}
	.courses-grid.upravlenie .grid-body {gap: 2.25rem;}
	.courses-grid.sport .grid-body,
	.courses-grid.tvorchestvo-i-khobbi .grid-body,
	.courses-grid.detyam .grid-body,
	.courses-grid.iskusstvo .grid-body {gap: 2rem;}

	.professions-grid .grid-body {gap: 0;}

	.grid-column {
		flex: 1;  
	}
	.grid-column ul {
		list-style-type: none;
		padding: 0;
	}
	.grid-column li {
		transition: color 0.3s;
		line-height: 2;
		padding: 0 0 0.15rem 0;
	}
	.professions-grid .grid-column li {
		line-height: 1.5;
	}

    .courses-grid.finance-courses .grid-column li {padding: 0 0 0.165rem 0;}
    .courses-grid.lichnostnyi-rost-courses .grid-column li,
    .courses-grid.duhovnye-praktiki-courses .grid-column li {padding: 0 0 0.075rem 0;}
	.courses-grid.psikhologiya .grid-column li {padding: 0 0 0.122rem 0;}
	.courses-grid.analitika .grid-column li {padding: 0 0 0.225rem 0;}
	.courses-grid.dizain .grid-column li {padding: 0 0 0.1rem 0;}
	.courses-grid.marketing .grid-column li,
	.courses-grid.karera-i-rabota .grid-column li {padding: 0 0 0.16rem 0;}
	.courses-grid.tvorchestvo-i-khobbi .grid-column li {padding: 0 0 0.13rem 0;}
	.courses-grid.detyam .grid-column li {padding: 0 0 0.14rem 0;}
	.courses-grid.iskusstvo .grid-column li {padding: 0 0 0.18rem 0;}

	.grid-body .grid-column ul li a {
        display: flex;
        align-items: center;
	}
	/* Категории */	
	.business-finance_c1_r9,
	.business-finance_c2_r8,
	.aktivnyi-otdykh-sport_c1_r10,
	.aktivnyi-otdykh-sport_c1_r23,
	.aktivnyi-otdykh-sport_c1_r30,
	.aktivnyi-otdykh-sport_c2_r11,
	.aktivnyi-otdykh-sport_c2_r23,
	.aktivnyi-otdykh-sport_c2_r30,
	.aktivnyi-otdykh-sport_c3_r22,
	.aktivnyi-otdykh-sport_c3_r31 {margin: 2rem 0 0;}

	.finance_c1-r10,
	.finance_c2-r9,
	.duhovnye-praktiki_c1-r12, 
	.duhovnye-praktiki_c2-r10,
	.zhenskie-courses_c2-r5, 
	.zhenskie-courses_c2-r11,
	.zhenskie-courses_c3-r5,
	.it-razrabotka_c2-r9,
    .it-razrabotka_c2-r12,
    .it-razrabotka_c2-r16,
    .it-razrabotka_c2-r20,
	.it-razrabotka_c3-r9,
	.dizain_c2-r10,
	.dizain_c3,
	.marketing_c1,
	.marketing_c2_r4,
	.marketing_c2_r9,
	.marketing_c3,
	.karera-i-rabota_c3,
	.zdorove_c2,
	.zdorove_c3,
	.detyam_c2,
	.obrazovanie_c2,
	.obrazovanie_c3,
	.business-finance_c1,
	.business-finance_c2 {margin: 2.4rem 0 0;}
	.tvorchestvo-i-khobbi_c1_r8,
	.tvorchestvo-i-khobbi_c1_r21,
	.tvorchestvo-i-khobbi_c2_r8,	
	.tvorchestvo-i-khobbi_c2_r17,
	.tvorchestvo-i-khobbi_c3_r7 {margin: 2rem 0 0;}

	.category,
	.sidebar-header h2 .category {			 			
		background-size: 300%; 
		background-clip: text;
		-webkit-background-clip: text;
		transition: color 1s ease, transform 1s ease, background-color 1s; 
		text-decoration: none;	
		/*color: #7a7c8c;*/
	}
	.category:hover,
	.sidebar-header:hover h2 .category {
		background-image: linear-gradient(90deg, #00FFFF, #8A2BE2, #FF1493, #FFFF00, #FF1493, #8A2BE2, #00FFFF);
		/*color: #ffffff;*/	
		transform: scale(1.03); 
		font-weight: bold;
		animation: category-gradient-animation 40s linear infinite;  
		text-fill-color: transparent;  
		-webkit-text-fill-color: transparent;  
		transition: color 1s ease, transform 1s ease, background-color 1s;
		cursor: pointer;			
	}
	.exclusive {
		background-image: linear-gradient(90deg, #00FFFF, #8A2BE2, #FF1493, #FFFF00, #FF1493, #8A2BE2, #00FFFF);
		/* background-image: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #ff0000); */
		background-size: 800%;
		background-clip: text;
		-webkit-background-clip: text;
		transition: color 1s ease, transform 1s ease, background-color 1s;
		text-decoration: none;
		color: #00FF00;
		transform: scale(1.05);
		font-weight: bold;
		animation: category-gradient-animation 40s linear infinite;
		text-fill-color: transparent;
		-webkit-text-fill-color: transparent;
		transition: color 0.3s ease, transform 1s ease, background-color 1s;
		cursor: pointer;
		font-size: 1rem;
		font-weight: 400;
	}
	.main {
		color: #FFFFFF; 
		font-size: 0.85rem;
		font-weight: 400;	
	}		
	.sub {
		color: #FFFFFF70;
		font-size: 0.8rem;
		font-weight: 400;	
	}

	.sub.category .icon {
		width: 3rem; 
		height: auto; 
		margin-right: .7rem;  
		flex-shrink: 0;
	}
	.sub.category:hover img {
		transform: scale(1.1); 
		filter: hue-rotate(2160deg) brightness(1) opacity(100%);
		transition: filter 20s ease, transform 1s ease;
	}
	.professions-grid .grid-body .grid-column ul li a.sub.category {
		height: 3rem;
        margin: 0.5rem 0 1rem;
	}
	.categories_ekoturizm-priklyucheniya {
		margin: 3.7rem 0 0 0;
	}

	.categories_razvlekatelnye-igrovye-vidy-otdykha {
		margin: 1.6rem 0 0 0;
	}

	.categories_ekstremalnye-vidy-sporta {
		margin: 1.2rem 0 0 0;
	}
	.categories_peshie-velosipednye-marshruty {
		margin: 1.6rem 0 0 0;
	}
	.categories_zimnie-vidy-sporta {
		margin: 7.1rem 0 0 0;
	}

	.categories_komandnye-vidy-sporta {
		margin: 5.4rem 0 0 0;
	}
	.categories_konnye-zhivotnye-vidy {
		margin: 3.8rem 0 0 0;
	}
	.categories_rybalka-okhota {
		margin: 1.2rem 0 0 0;
	}


	/*Онлайн-Школы*/
	main.table {
		width: 100%;
		height: 43rem;
		overflow: hidden;
	}
	.table__header {
		width: 100%;
		height: 10%;
        padding: 0 1.5rem 0 0;
		display: flex;
		justify-content: space-between;
		margin: 0;
	}
	.table__header .input-group {
		width: 30%;
		height: 2rem;
		background: linear-gradient(330deg,  #00FFFF20, #8A2BE230, #FF149330, #FFFF0010);
		padding: 0 .8rem;
		border-radius: 2rem;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: .2s;
        margin: 1.55rem 0 0;
	}
	.table__header .input-group:hover {
		width: 33%;
		background: linear-gradient(330deg,  #00FFFF30, #8A2BE250, #FF149350, #FFFF0030);
		box-shadow: 0 .1rem .4rem #0002;
	}
	.table__header .input-group img {
		width: 1.2rem;
		height: 1.2rem;
	}
	.table__header .input-group input {
		width: 100%;
		padding: 0 .5rem 0 .3rem;
		background-color: transparent;
		border: none;
		outline: none;
		color: #fff;
	}

	.table_filter {
		margin: 0 0 0rem;  
		padding: 0rem;  
	}
	.table_checkbox {
		display: none;
		flex-wrap: wrap;	
		align-items: center;
		padding: 1rem 0.5rem 0 3.2rem;
		font-size: .9rem;
		gap: 0.5rem 1rem;
	}
	.table_checkbox input {
		display: none;
		flex-wrap: wrap;
		align-items: center;
		margin: 0 .2rem .3rem 1rem;
	}
	.table_checkbox label {
		color: #808080;
		line-height: 1.2;
	}
	.table_checkbox label:hover {
		cursor: pointer;
		color: #fff;
	}
	input[type="checkbox"]:checked + label {
	color: #fff; 
	/* background: linear-gradient(330deg,  #00FFFF30, #8A2BE250, #FF149350, #FFFF0030); */
	/* border-radius: .5rem; */
		text-decoration: underline;
		text-underline-offset: .3rem;
		text-decoration-thickness: 1px;
	}


	.table_sort {
		display: none;
		/* width: 95%; */
		margin: 0 auto; 
		padding: 0 0.5rem 0 0;
	}
	.table_sort table {
		width: 100%; 
		table-layout: fixed; 
	}
	.table_sort th {             
		color: #808080;
		font-weight: 400;
		text-align: left; 
		font-size: 1rem;  
		cursor: pointer;   
	}
	.highlight {
		color: #fff;
	}
	thead th:hover {
		color: #fff;
	}
	thead th.active,tbody td.active {
		color: #fff;
	}
	thead th span.icon-arrow {
		display: inline-block;
		/* width: 1.3rem; */
		/* height: 1.3rem; */
		/* border-radius: 50%; */
		/* border: 1.4px solid transparent; */
		text-align: center;
		font-size: 1.2rem;   
		margin-left: .3rem;
		transition: .2s ease-in-out;
		transform-origin: center;
	}
	thead th:hover span.icon-arrow{
		/* border: 1.4px solid #6c00bd; */
	}
    /*thead th.active span.icon-arrow {
		 background-color: #6c00bd; 
		 color: #fff; 
	}*/
	thead th.asc span.icon-arrow{
		transform: rotate(180deg);
	}

	thead th {
		cursor: pointer;
		z-index: 1;
	}
	.table_sort td {
	color: orange;	
	text-align: left;
	padding: .8rem 1rem;
	font-size: 1rem;    
	}
	.table_sort label:hover {
		color: #6c00bd;
	}
	.table_sort thead tr:nth-child(2) { 
	background-color: red; 
	}
	.table_sort thead tr:nth-child(2) td { 
	padding: 0.5rem;
	}

	.table__body {
		/* width: 95%; */
		max-height: calc(90% - 2.2rem);
		margin: 0 auto; 
		/* border-radius: .6rem; */
		overflow-y: auto;
		overflow-x: hidden;	
		font-size: 0.8rem;
		padding: 0 1.5rem 0 0;
	}

	.table__body table {
	width: 100%;
	table-layout: fixed; 
	color: #A9A9A9;
	} 
	table {
		width: 100%;
		/*text-align: left;*/	
	}
	table, th, td {
		border-collapse: collapse;
		padding: 0 0 0 2rem;
		text-align: left;
	}
	tbody tr:nth-child(even) {
		background-color: #0000000b;
	}
	tbody tr {
		--delay: .1s;
		transition: opacity 0.5s ease-in-out var(--delay), transform 0.5s ease-in-out var(--delay);
		cursor: pointer;
	}
	tbody tr.hide {
		opacity: 0;
		transform: translateX(100%);
	}
	tbody tr:hover {
		/* background-color: #fff6 !important; */
		/* background-color: rgba(148, 0, 211, 0.3); */
		background: linear-gradient(330deg,  #00FFFF30, #8A2BE250, #FF149350, #FFFF0030);
		color: #fff;
	}
	td label {
	cursor: pointer; 
	}
	td img {
		width: 3.5rem;
		height: auto;
		/* margin-right: .5rem; */
		/* border-radius: 10%; */
		vertical-align: middle;
	}
	tbody tr td,
	tbody tr td p,
	tbody tr td img {
		transition: .2s ease-in-out;
	}
	tbody tr.hide td,
	tbody tr.hide td p {
		padding: 0;
		font: 0 / 0 sans-serif;
		transition: .2s ease-in-out .5s;
	}
	tbody tr.hide td img {
		width: 0;
		height: 0;
		transition: .2s ease-in-out .5s;
	}

	/*th:first-child,
	tr td:first-child {
		padding: 1rem 0rem 1rem 2rem;
	}*/
	th:nth-child(2),
	tr td:nth-child(2),
	th:nth-child(3),
	tr td:nth-child(3),
	th:nth-child(4),
	tr td:nth-child(4),
	th:nth-child(5),
	tr td:nth-child(5) {
		display: none;  
	}

	.tabs {
		display: none;
		margin: 0;
		padding-left: 2rem;
	}
	.tab-button {
		padding: 0.5rem 1rem;
		margin: 0 0.3rem 0.5rem 0;
		cursor: pointer;
		color: #FFFFFF70;
		background-color: rgba(255, 255, 255, 0.1);
		border: none;
		border-radius: 4px;
		transition: background-color 0.3s, color 0.3s;
		font-family: "Montserrat", "Open Sans", sans-serif;
		font-weight: 400;
		font-size: 1rem;
	}
	.tab-button:hover {
		color: #fff;
	}
	.tabs .tab-button.active {
		background: linear-gradient(330deg,  #00FFFFcc, #8A2BE2cc, #FF1493cc, #FFFF00cc);
		color: #fff; 
	}
	.table_filter {
		margin: 0;
		padding: 0;
		/* display: none; */
	}

	.table-cell {
		position: relative;  
        height: 3.99rem;
	}

	.content-wrapper {
		position: absolute;  
		top: 50%;  
		transform: translateY(-50%);  
		display: flex; 
		align-items: center;  
		padding: 0 2rem 0 0;
	}

	.table-cell img {
		margin-right: 10px;  
		max-width: 50px;  
		height: auto; 
	}

	.table-cell span {
		white-space: wrap;  
	}


	.table_filter.ezoterika,
	.table_filter.meditatsii,
	.table_filter.bukhgalteriya {
		display: block; 
		padding: 0;
	}


	.table_checkbox.programmirovanie {
		/* gap: 0.3rem 1.9rem; */
		gap: 0.5rem 1.5rem;
		margin: 1rem 0 0;
	}


	.table__body.studentam {
		max-height: calc(66% - 1.6rem);
	}

	.table__body.programmirovanie, 
	.table__body.sozdanie-saitov,
	.table__body.karera-i-rabota, 
	.table__body.bukhgalteriya,
	.table__body.pokhudeniye {
		max-height: calc(58% - 1.6rem);   
	}
	.table_checkbox.sozdanie-saitov {
		gap: 1.9rem;
		margin: 1rem 0 0;
	}

	/* Buttons */
	.btn, .btn-gradient, .btn-gradient2, .btn-stroke {  
	font-family: "Montserrat", "Open Sans", sans-serif;
	font-weight: 400;
	font-size: .8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;   
	/* line-height: 1.5; */
	width: 110px;  
	height: 35px; 
	border-radius: .3rem;  
	color: #fff;  
	text-decoration: none; 
	}
	.btn {
	position: relative;
	user-select: none;
	white-space: nowrap;
	animation: glow 8s linear infinite;
	border: none;
	}
	.btn-gradient {
		background: linear-gradient(90deg, #00dbde, #fc00ff, #00dbde);
		background-size: 300%;
	}
	.btn-gradient2 {
		background: linear-gradient(90deg, #ffff00, #fc00ff, #ffff00);
		background-size: 300%;
	}
	.btn-gradient::before,
	.btn-gradient2::before {
	position: absolute;
	content: "";
	top: -5px;
	left: -5px;
	bottom: -5px;
	right: -5px;
	z-index: -1;
	background: inherit;
	background-size: inherit;
	border-radius: 4em;
	opacity: 0;
	transition: 0.5s;
	}
	.btn-gradient:hover::before,
	.btn-gradient2:hover::before {
	opacity: 1;
	filter: blur(20px);
	animation: glow 8s linear infinite;
	}
	@keyframes glow {
	to {
		background-position: 300%;
	}
	}

	.btn-stroke {
	border: none;
	outline: none;
	position: relative;
	z-index: 0;
	}
	.btn-stroke::after {
	content: "";
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: blue;
	mix-blend-mode: luminosity;
	left: 0;
	top: 0;
	opacity: 1;
	border-radius: .3rem;
	transition: 1s ease;
	}
	.btn-stroke::before {
	content: "";
	background: linear-gradient( 45deg, #FF0000, #FF7300, #FFFB00, #48FF00, #00FFD5, #002BFF, #FF00C8, #FF0000 );
	position: absolute;
	top: -.05rem;
	left: -.05rem;
	bottom: 0px;
	right: 0px;
	background-size: 600%;
	z-index: -1;
	width: calc(100% + .1rem);
	height:  calc(100% + .1rem);
	animation: btn-stroke 80s linear infinite;
	opacity: 1;
	border-radius: .3rem;
	}
	@keyframes btn-stroke {
		0% {
			background-position: 0;
		}
		100% {
			background-position: 10000px; 
		}
	}
	.btn-stroke:hover::before {
	/* opacity: 1; */
	}
	.btn-stroke:hover::after {
	opacity: 0;
	}
	/* .btn-stroke:hover::before, */
	.btn-glow:hover::before {
	opacity: 1;
	filter: blur(20px);
	animation: glow 8s linear infinite;
	}
	@keyframes glow {
	to {
		background-position: 300%;
	}
	}
	.btn-glow::after {
	mix-blend-mode: normal;
	background-color: transparent;
	}
	.button-more,
	.button-more_finance,
	.button-more_psikhologiya,
	.button-more_analitika,
	.button-more_marketing,
	.button-more_biznes-obuchenie,
	.button-more_upravlenie,
	.button-more_karera-i-rabota,
	.button-more_detyam {
		display: flex;
		justify-content: center;
		text-align: center;
	}
	.button-more {
		padding: 2rem 0 2rem; 
        margin: 1.2rem 0 1.2rem;
	}
	.button-more_finance,
	.button-more_psikhologiya,
	.button-more_analitika,
	.button-more_marketing,
	.button-more_detyam {
		padding: .5rem 0 2rem;
		margin: 0;
	}
	.button-more_biznes-obuchenie,
	.button-more_upravlenie,
	.button-more_karera-i-rabota {
		padding: 1rem 0 2rem;
		margin: 0;
	}

	/* Timers */
	.timer-container {
		display: inline-block;
		font-family: "TT Supermolot Neue";
		font-size: 1.2em;
		font-weight: 500;
		width: 200px;
	}
	.timer-container div {
		display: inline-block;
		min-width: 30px;
		text-align: left;
	}
	.timer-container div span {
		color: #00ffff;
		display: block;
		font-size: 0.45rem;
		font-weight: 100;
	}
	.timer-unit {
		display: inline-block;
		margin-right: 0.25rem; /* Отступ между блоками */
		position: relative;
	}
	.timer-unit.has-colon::after {
		content: ":";
		position: absolute;
		right: -0.35rem;
		top: 35%;
		transform: translateY(-50%);
	}
	.unit-label {
		color: #00ffff;
		display: inline-block;
		font-size: 0.35em;
		font-weight: 400;
		margin-left: 4px; 
	}

	/* Стили для разных типов таймеров */
	#timer-finance-1,
	[data-timer-type="timer1"] {
		color: #fc00ff;
	}

	#timer-finance-2,
	[data-timer-type="timer2"] {
		color: #ff0000;
	}

	#timer-finance-3,
	[data-timer-type="timer3"] {
		color: #FFFF00;
	}

	/* Универсальные селекторы для любого таймера с этими типами */
	.timer-container[data-timer-type="timer1"] {
		color: #fc00ff;
	}

	.timer-container[data-timer-type="timer2"] {
		color: #ff0000;
	}

	.timer-container[data-timer-type="timer3"] {
		color: #FFFF00;
	}

	/* Стили для завершенного таймера */
	.timer-expired {
		padding: 6px 10px;
		background: #666;
		color: #ccc;
		border-radius: 6px;
		font-size: 11px;
		text-align: center;
		display: inline-block;
	}
	.expired-text {
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}



	/* Каталог "slide up/down" */
	#categories-container {
		opacity: 0;
		transform: translateY(-20px);
		visibility: hidden; 
		height: 0; 
		overflow: hidden; 
		transition: opacity .1s ease-in-out, transform 1s ease, height 1s ease, visibility 0s linear 1s; 
	}

	#categories-container.visible {
		opacity: 1;
		transform: translateY(0); 
		visibility: visible; 
		height: 39rem; 
		transition: opacity .1s ease-in-out, transform 1s ease, height 1s ease, visibility 0s linear; 
		margin: 0 0 2rem 0;
	}

    .footer {
		background-color: rgba(17, 25, 40, 0.6);
		backdrop-filter: blur(10px) saturate(160%);
		padding: 50px 0;
		margin-top: 50px;
		display: block;
	}
	.footer:hover {
		background-color: rgba(6, 0, 3, 0.55);
		transition: background-color 500ms linear 0ms;
	}
	.footer-content {
		max-width: 1440px;
		margin: 0 auto;
		padding: 0 30px;
		flex-shrink: 0;
		width: 100%;
	}
	.footer-columns {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		/* margin-bottom: 20px; */
	}
	.footer-column {
		text-align: left;
	}
	.footer-links {
		display: flex;
		gap: 8px;
		margin: 1rem 0;
		flex-wrap: wrap;
	}
	.footer-links a {
		text-decoration: none;
		transition: color 0.3s ease;
	}
	.footer-column h4,
	.page--dark .footer-column h4 {
		margin-bottom: 10px;
		text-align: left;
		font-weight: 300;
		font-size: 14px;
	}
	.footer-column h4 {
		color: #fff;
	}
	.page--dark .footer-column h4 {
		color: rgba(255, 255, 255, 0.5);
	}
	.footer-column p {
		margin: 5px 0;
	}
	.footer-links a,
	.footer-column p,
	.footer-bottom p {
		color: #808080;
		font-weight: 100;
		font-size: 11px;
	}
	.page--dark .footer-links a,
	.page--dark .footer-column p,
	.page--dark .footer-bottom p {
		color: rgba(255, 255, 255, 0.5);
		font-weight: 100;
		font-size: 11px;
	}
	.footer-links a:hover,
	.footer-column p:hover,
	.footer-bottom p:hover {
		color: rgba(255, 255, 255, 1);
		/* text-shadow: 0 0 15px rgba(255, 255, 255, 0.5); */
	}
	.contact-item {
		display: grid;
		grid-template-columns: 85px 1fr;
		gap: 10px;
		margin: 10px 0;
		align-items: center;
	}
	.contact-label {
		color: #fff;
		font-size: 14px;
		text-align: left;
		font-weight: 300;
	}
	.contact-link,
	.page--dark .contact-link {
		display: flex;
		align-items: center;
		gap: 10px;
		color: #fff;
		text-decoration: none;
		padding: 8px 12px;
		border-radius: 8px;
		transition: all 0.3s ease;
	}
	.contact-link {
		background-color: rgba(255, 255, 255, 0.15);
	}
	.page--dark .contact-link {
		background-color: rgba(255, 255, 255, 0.05);
	}
	.contact-link:hover,
	.page--dark .contact-link:hover {
		color: #fff;
		background-color: rgba(255, 255, 255, 0.2);
		transform: translateY(-1px);
	}
	.contact-icon,
	.page--dark .contact-icon {
		width: 20px;
		height: 20px;
		transition: filter 0.3s ease;
		flex-shrink: 0;
	}
	.page--dark .contact-icon {
		filter: brightness(0.8);
	}
	.contact-link:hover .contact-icon {
		filter: saturate(150%) brightness(1.1) contrast(1.1);
	}
	.page--dark .contact-link:hover .contact-icon {
		filter: saturate(150%) brightness(1.1) contrast(1.2);
	}
	.footer-columns {
		flex-direction: row-reverse;
	}
	.footer-column h4,
	.page--dark .footer-column h4,
	.contact-label {
		text-align: right;
	}
	.contact-item {
		display: grid;
		grid-template-columns: 100px 1fr;
	}
	.footer-links {
		flex-direction: column;
	}
	
    .footer-column h4,
    .contact-label,
    .contact-link {
        color: #808080;
    }

	
} 
/*2 колонки для Курсов и Профессии*/
@media (min-width: 940px) and (max-width: 1023px) {
	.grid-body {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto auto;
		align-items: start;
	}
	.categories-grid .grid-body {
        gap: 0 1rem;
    }
	.categories-grid.categories-aktivnyi-otdykh-sport  .grid-body {
		gap: 0 2rem;
		padding: 0 1rem 0 2rem;
	}
	.courses-grid .grid-column {padding: 0 0.5rem 0 0;}	
	.categories-grid  .grid-column {padding: 0 1rem 0 0;}	

	.categories-grid.categories-nedvizhimost .grid-body,
	.categories-grid.categories-transportnye-sredstva .grid-body,
	.categories-grid.categories-mir-krasoty .grid-body,
	.categories-grid.categories-medicine .grid-body {
		display: flex;
	}	
	.grid-column:nth-child(1) {
		grid-column: 1;
		grid-row: 1;
		padding: 0 1rem 0 0
	}
	.grid-column:nth-child(2) {
		grid-column: 2;
		grid-row: 1;
		padding: 0 1.7rem 0 0
	}
	.categories-grid.categories-business-finance .grid-column:nth-child(2),
	.categories-grid.categories-turizm-puteshestviya .grid-column:nth-child(2) {
		transform: translateX(1rem);
	}
	.grid-column:nth-child(3) {
		grid-column: 1 / -1;
		grid-row: 2;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.courses-grid .grid-column:nth-child(3) {
		gap: 0 3rem;
	}
	.categories-grid .grid-column:nth-child(3) {
		gap: 0 1rem;
	}
	.grid-column:nth-child(3) ul {
		display: contents; /* Убираем ul, делаем li прямыми детьми grid */
	}	
	.grid-column:nth-child(3) li:nth-child(odd) {
		grid-column: 1; /* Распределяем элементы из 3-й колонки по двум колонкам */
	}
	.grid-column:nth-child(3) li:nth-child(even) {
		grid-column: 2;
	}
	/* Альтернативно: если элементы профессий не в li, а сразу в .grid-column */
	.professions-grid .grid-column:nth-child(3)>*:nth-child(odd),
	.courses-grid .grid-column:nth-child(3)>*:nth-child(odd) {
		grid-column: 1;
	}
	.professions-grid .grid-column:nth-child(3)>*:nth-child(even),
	.courses-grid .grid-column:nth-child(3)>*:nth-child(even) {
		grid-column: 2;
	}	
	.courses-grid.dizain .grid-column li {padding: 0 0 0.133rem 0;}
	.courses-grid.marketing .grid-column li {padding: 0 0 0.2rem 0;}
	.courses-grid.zdorove .grid-column li {padding: 0 0 0.07rem 0;}
	.business-finance_c2_r8 {margin: 4rem 0 0}
    .business-finance_c3 {margin: 2rem 0 0;}
	.aktivnyi-otdykh-sport_c1_r30 {margin: 4rem 0 0;}
	.aktivnyi-otdykh-sport_c2_r11 {margin: 4rem 0 0;}
	.aktivnyi-otdykh-sport_c2_r23 {margin: 2rem 0 0;}
	.finance_c2-r9 {margin: 5.7rem 0 0;}
	.duhovnye-praktiki_c2-r10 {margin: 4.15rem 0 0;}
	.marketing_c3 {margin: 4.8rem 0 0;}
	.dizain_c3 {margin: 0;}
	.karera-i-rabota_c3,
	.zdorove_c3 {margin: 2.4rem 0 0;}
	.tvorchestvo-i-khobbi_c3_r7 {margin: 0;}
	.tvorchestvo-i-khobbi_c2_r17 {margin: 8.9rem 0 0;}
	.obrazovanie_c2	{margin: 1.65rem 0 0;}
	.zhenskie-courses_c3-r6,
	.it-razrabotka_c3-r10,
	.zdorove_c3_r6,
	.obrazovanie_c3_r12 {align-content: flex-end;}

  	/* 2 колонки для Категорий */
	.categories-grid.categories-aktivnyi-otdykh-sport .grid-column:nth-child(3) {
		margin-top: 2rem;
	}
	.categories-grid.categories-business-finance .grid-column:nth-child(3),
	.categories-grid.categories-business-finance .grid-column:nth-child(3) ul {
		display: block;
	}
	.categories-grid.categories-business-finance .grid-column li {
		padding: 0.045rem 0 0;
	}
	.categories-grid.categories-aktivnyi-otdykh-sport .grid-column:nth-child(3) {
		column-count: 2;
		display: block;
		gap: 0 3rem;
	}
	.categories-grid.categories-aktivnyi-otdykh-sport .grid-column:nth-child(3) ul {
		display: block;
	}
	.categories-grid.categories-aktivnyi-otdykh-sport .grid-column:nth-child(3) li {
		break-inside: avoid;
	}
	/* Принудительный разрыв после 21 элемента. Большой отступ принуждает к переносу*/
	.categories-grid.categories-aktivnyi-otdykh-sport .grid-column:nth-child(3) li:nth-child(21) {
		margin-bottom: 100vh;
	}
	/* ИЛИ используем column-break-after */
	.categories-grid.categories-aktivnyi-otdykh-sport .grid-column:nth-child(3) li:nth-child(21) {
		break-after: column;
	}
	.aktivnyi-otdykh-sport_c3_r22 {
		margin: 0;
	}
}


@media (min-width: 1024px) {
	.site-title .content ol li span {
		height: 2.5rem;
		line-height: 2.5rem;
	}		
	.site-title h1.site-name,
	.site-title .content {
		color: #fff;
		font-size: 1.5rem;
	}
	.categories-grid, .courses-grid, .professions-grid, .online-schools-grid {
		margin: 1rem 1rem 2rem 0;
	}
	.sidebar-body-courses, .sidebar-body-schools {	
		width: 18.2rem;
        padding: 0 0 0 1.2rem;
	}
	.sidebar {
		margin: 1rem 0 2rem 1rem;
	}	
	
	/* Категории и Курсы */
	.grid-header,
	.courses-grid .grid-header,
	.courses-grid.finance-courses .grid-header {
		padding: 0 0 0 1.2rem;
	}

	

	.grid-body {	
		display: flex;  
		flex-direction: row;
		flex: 1;  
		overflow-y: auto;  
		overflow-x: hidden;
		padding: 0.7rem 0 0 1.2rem;
		gap: 1rem;
	}
	.professions-grid .grid-body,
	.courses-grid .grid-body {gap: 1rem;}

    .courses-grid.finance-courses .grid-body,
    .courses-grid.lichnostnyi-rost-courses .grid-body,
    .courses-grid.analitika .grid-body,
    .courses-grid.psikhologiya .grid-body,
    .courses-grid.marketing .grid-body,
    .courses-grid.biznes-obuchenie .grid-body,
    .courses-grid.upravlenie .grid-body,
    .courses-grid.karera-i-rabota .grid-body {gap: 1rem;}

	.categories-grid .grid-header,
	.categories-grid.categories-vakansii .grid-header, 
	.courses-grid .grid-header {
		margin: 0 0 1.2rem;
		padding: 0 0 0 1.2rem;
	}
	.categories-grid .grid-body, 
	.courses-grid .grid-body {
		padding: 0.9rem 1rem 0 1.2rem;
	}
	.sidebar-body-categories {
		width: 21rem;
	}
	.categories-grid, .courses-grid {
		padding: 1.7rem 0 2.83rem 1rem;
	}
	.courses-grid.duhovnye-praktiki-courses {
        padding: 2rem 0 2.6rem 1rem;
    }
	.sidebar-header,
    .sidebar--online-schools .sidebar-header {
		padding: 1.7rem 1.2rem 1.3rem 2.4rem;
	}
	h2, .h2, h3, .h3 {
		font-size: 1.3rem;
		line-height: 1.2;
	}
    .category:hover,
	.sidebar-header:hover h2 .category {
		transform: scale(1.05); 
    }    
	.main,
	.sub {
		font-size: 0.8rem;	
	}
	
	.grid-column li, 
	.categories-grid .grid-column li,
	.courses-grid .grid-column li {
		line-height: 2;
	}
		
	.muzhskie-courses .grid-column:nth-child(3),
	.psikhologiya .grid-column:nth-child(2),
	.analitika .grid-column:nth-child(2),
	.biznes-obuchenie .grid-column:nth-child(2),
	.upravlenie .grid-column:nth-child(2),
	.karera-i-rabota .grid-column:nth-child(2),
	.zdorove .grid-column:nth-child(2), 
	.sport .grid-column:nth-child(3),
	.tvorchestvo-i-khobbi .grid-column:nth-child(2) {
		transform: translateX(1rem);
	}
	/*.categories-sobytiya-meropriyatiya .grid-column:nth-child(3),*/
    .finance-courses .grid-column:nth-child(2),
	.finance-courses .grid-column:nth-child(3),	
	.lichnostnyi-rost-courses .grid-column:nth-child(2),
    .lichnostnyi-rost-courses .grid-column:nth-child(3),
	.duhovnye-praktiki-courses .grid-column:nth-child(2),
    .zhenskie-courses .grid-column:nth-child(3),
	.muzhskie-courses .grid-column:nth-child(2),
	.psikhologiya .grid-column:nth-child(3),
	.analitika .grid-column:nth-child(3),
	.biznes-obuchenie .grid-column:nth-child(3),
	.upravlenie .grid-column:nth-child(3),
	.karera-i-rabota .grid-column:nth-child(3),
	.sport .grid-column:nth-child(2),
	.iskusstvo .grid-column:nth-child(3),
    .obrazovanie .grid-column:nth-child(3) {
		transform: translateX(2rem);
	}
    .zdorove .grid-column:nth-child(3),
    .tvorchestvo-i-khobbi .grid-column:nth-child(3) {
        transform: translateX(3rem);
    }
    .it-razrabotka .grid-column:nth-child(2),
    .it-razrabotka .grid-column:nth-child(3) {
        transform: translateX(-0.5rem);
    }
	.dizain .grid-column:nth-child(2), [data-target="dizain"] .grid-column:nth-child(2) {
		transform: translateX(-2rem);
	}	
	.obrazovanie .grid-column:nth-child(2) {
		transform: translateX(-2rem);
	}	
	.grid-column li {
		padding: 0.1rem 0;
	}
	.professions-grid .grid-column li {
		padding: 0;
	}

	/* Категории */	
	.categories-grid .grid-column li {padding: 0.04rem 0;}
	.business-finance_c1_r9  {margin: 2rem 0 0;}
	.business-finance_c2_r8 {margin: 2rem 0 0;}

	.aktivnyi-otdykh-sport_c1_r10 {margin: 1.5rem 0 0;}
	.aktivnyi-otdykh-sport_c1_r30 {margin: 4rem 0 0}
	.aktivnyi-otdykh-sport_c2_r11 {margin: 5.25rem 0 0;}
	.aktivnyi-otdykh-sport_c2_r23 {margin: 3.6rem 0 0;}
	.aktivnyi-otdykh-sport_c3_r22 {margin: 10.8rem 0 0;}


	.courses-grid.finance-courses .grid-column li,
	.courses-grid.lichnostnyi-rost-courses .grid-column li,
	.courses-grid.sport .grid-column li,
	.courses-grid.psikhologiya .grid-column li,
	.courses-grid.duhovnye-praktiki-courses .grid-column li,
	.courses-grid.analitika .grid-column li,
	.courses-grid.marketing .grid-column li,
	.courses-grid.iskusstvo .grid-column li,
	.courses-grid.dizain .grid-column li,
	.courses-grid.biznes-obuchenie .grid-column li,
	.courses-grid.upravlenie .grid-column li,
	.courses-grid.karera-i-rabota .grid-column li,
	.courses-grid.zdorove .grid-column li,
	.courses-grid.foreign-languages-courses .grid-column li,
	.courses-grid.detyam .grid-column li {padding: 0.1rem 0;}
	.courses-grid.obrazovanie .grid-column li {padding: 0 0 0.155rem 0;}
	.courses-grid.zhenskie-courses .grid-column li {padding: 0 0 0.275rem 0;}
	.courses-grid.it-razrabotka .grid-column li {padding: 0 0 0.155rem 0;}
	.courses-grid.tvorchestvo-i-khobbi .grid-column li {padding: 0 0 0.125rem 0;}

	.finance_c1-r10 { margin: 2.2rem 0 0; }
	.finance_c2-r9 { margin: 5.6rem 0 0; }
	.duhovnye-praktiki_c1-r12 { margin: 2.65rem 0 0; }
	.duhovnye-praktiki_c2-r10 { margin: 4.45rem 0 0; }
	.zhenskie-courses_c2-r5, 
	.zhenskie-courses_c2-r11,
	.zhenskie-courses_c3-r5 { margin: 1.85rem 0 0; }
	.it-razrabotka_c2-r9 { margin: 4.4rem 0 0; }
    .it-razrabotka_c2-r12 { margin: 2.2rem 0 0; }
    .it-razrabotka_c2-r16 { margin: 2.2rem 0 0; }
    .it-razrabotka_c2-r20 { margin: 2.34rem 0 0; }
	.it-razrabotka_c3-r9 { margin: 2.4rem 0 0; }
	.dizain_c2-r10,
	.dizain_c3,
	.marketing_c1,
	.marketing_c2_r4,
	.marketing_c2_r9 { margin: 2.2rem 0 0; }
	.marketing_c3 { margin: 4.4rem 0 0; }
    .karera-i-rabota_c2_r12 { margin: 1.62rem 0px 0px;}
    .karera-i-rabota_c2_r22 { margin: 1.6rem 0px 0px;}
	.karera-i-rabota_c3 { margin: 1.8rem 0 0; }
	.zdorove_c2,
	.zdorove_c3,
	.tvorchestvo-i-khobbi_c1_r8,
	.tvorchestvo-i-khobbi_c1_r21,
	.tvorchestvo-i-khobbi_c2_r8 { margin: 2.2rem 0 0; }	
	.tvorchestvo-i-khobbi_c2_r17 { margin: 7.8rem 0 0; }
	.tvorchestvo-i-khobbi_c3_r7 { margin: 3.9rem 0 0; }
	.detyam_c2 { margin: 0; }
	.obrazovanie_c2,
	.obrazovanie_c3 { margin: 1.8rem 0 0; }
	.business-finance_c1 { margin: 2.2rem 0 0; }
	.business-finance_c2 { margin: 4rem 0 0; }	
	
	/* Профессии */
	.sidebar--professions,
	.professions-grid {
        height: 39rem;
    }
	.sidebar--professions .sidebar-header {
		padding: 1.7rem 1.2rem 1rem 2.4rem;
		margin: 0;	
	}
	.sidebar--professions .sidebar-tab {
		height: 3rem;
        padding: 0 0 0 1.2rem;
        margin: .6rem 1rem 1.1rem 0;
	}
	.professions-grid .grid-header {
		padding: 1.7rem 1rem 1rem 2rem;
	}	
	.professions-grid .grid-body {
		padding: 0 1rem 0 2rem;
	}
	.professions-grid .sub.category {
		display: flex;
		align-items: center;
		height: 4rem;
		font-size: 0.69rem;
		padding: 0;
		margin: 0.1rem 0;
	}
	.sidebar-body-professions {
		width: 19rem;
		overflow: hidden;
		overflow-y: auto;
	}
	/*.grid-body .grid-column ul li:last-child {
		padding: 0 3rem 0 0;
	}*/	
	
	/* Онлайн-школы */
	.sidebar--online-schools .sidebar-tab {
		margin: 0 1rem 1.1rem 0;
	}
	.online-schools-grid .grid-header {
        padding: 0.8rem 1rem 1rem 1rem;
    }
	.professions-grid .grid-body .grid-column ul li a.sub.category {
		margin: 0.6rem 0 1.1rem 0;
	}	
	.table__header {
		align-items: center;
		padding: 2.6rem 2rem 2.4rem 1rem;
	}
	.table__header .input-group {
			margin: 0;
	}
    .table__header .input-group:hover {
		width: 45%;
    }    
	.tabs {
		display: flex;
		padding: 0 1rem 0 2.2rem;
        flex-wrap: wrap;
	}
	.tab-button {
		font-size: 0.8rem;
	}
	
    th:first-child, 
	tr td:first-child {
		width: 22rem;
		padding: 0 0 0 2.2rem;
	}
    th:nth-child(2),
    td:nth-child(2),
    th:nth-child(3),
    td:nth-child(3) {
        display: none;
    }   
	th:nth-child(4),
	tr td:nth-child(4) {
		padding: 0;
        display: table-cell;  
	}
	th:nth-child(5),
	tr td:nth-child(5) {
		padding: 0 0 0 2rem;
        display: table-cell;  
	}
	section[class*="kouching"] th:first-child,
	section[class*="kouching"] td:first-child {
		width: 22rem;
	}

    .table_checkbox,
	.table_sort th,
    .table__body {
		font-size: 0.8rem;
	}
    
    .table_checkbox {display: flex; padding: 1rem 2rem 0 2.2rem;}
	.table_sort {display: block; padding: 0.7rem 2rem 0.7rem 0;}					
	.table-cell {height: 4rem;}
    .table__body { max-height: calc(64% - 1.6rem);}

	.finance-online-schools .table-cell {height: 3.96rem;}
    .finance-online-schools .table__body {max-height: calc(69% - 1.6rem);}
	.finance-online-schools .table__body.investirovanie .table-cell,
	.finance-online-schools .table__body.trading .table-cell {height: 4.06rem;}
    .finance-online-schools .table__body.investirovanie,
    .finance-online-schools .table__body.trading {max-height: calc(60% - 1.6rem);}

    .lichnostnyi-rost-online-schools .table-cell {height: 4.22rem;}
    .lichnostnyi-rost-online-schools .table__body {max-height: calc(64% - 1.6rem);}
	.lichnostnyi-rost-online-schools .table__body.samorazvitie .table-cell {height: 4.42rem;}
    .lichnostnyi-rost-online-schools .table__body.samorazvitie {max-height: calc(56% - 1.6rem);}
    .lichnostnyi-rost-online-schools .table__body.lichnostnyi-rost .button-more {padding: 0; margin: 1rem;}
    
    .duhovnye-praktiki-online-schools .table-cell {height: 4.05rem;}
    .duhovnye-praktiki-online-schools .table__body.ezoterika,
    .duhovnye-praktiki-online-schools .table__body.meditatsii {max-height: calc(60% - 1.6rem);}
    .duhovnye-praktiki-online-schools .table__body.vostochnie-praktiki .table-cell {height: 4.32rem;}

    .zhenskie-online-schools .table-cell {height: 4.32rem;}
    .zhenskie-online-schools .table__body {max-height: calc(64% - 1.6rem);}
    .zhenskie-online-schools .table_checkbox {gap: 0.8rem;}
    .zhenskie-online-schools .table__body.zhenskoe-zdorove .table-cell {height: 3.96rem;}
    .zhenskie-online-schools .table__body.zhenskoe-zdorove {max-height: calc(68% - 1.6rem);}
    
    .psikhologiya-online-schools .table-cell {height: 4.64rem;}
    .psikhologiya-online-schools .table__body {max-height: calc(58% - 1.6rem);}
	.psikhologiya-online-schools .table__body.kognitivno-povedencheskaya-terapiya .button-more {padding: 1.25rem 0 2rem; margin: 0rem;} 

    .it-razrabotka-online-schools .table-cell {height: 4.64rem;}
    .it-razrabotka-online-schools .table__body {max-height: calc(58% - 1.6rem);}
    .it-razrabotka-online-schools .table__body.programmirovanie .table-cell {height: 3.88rem;}
    .it-razrabotka-online-schools .table__body.programmirovanie {max-height: calc(50% - 1.6rem);}
    .it-razrabotka-online-schools .table__body.sozdanie-saitov .table-cell {height: 4.2rem;}
    .it-razrabotka-online-schools .table__body.sozdanie-saitov {max-height: calc(54% - 1.6rem);}

	.analitika-online-schools .table-cell {height: 3.96rem;}
    .analitika-online-schools .table__body {max-height: calc(68% - 1.6rem);}
    .analitika-online-schools .table__body.analitika-dannykh .button-more,
    .analitika-online-schools .table__body.biznes-analitika .button-more {padding: 1rem 0; margin: 0;}

	.dizain-online-schools .table-cell {height: 4.23rem;}
	.dizain-online-schools .table__body.redaktory .table-cell {height: 4.42rem;}
	.dizain-online-schools .table__body.redaktory {max-height: calc(56% - 1.6rem);}

	.marketing-online-schools .table-cell {height: 4.3rem;}
	.marketing-online-schools .table__body.smm .table-cell,
	.marketing-online-schools .table__body.osnovy-marketinga .table-cell,
	.marketing-online-schools .table__body.internet-reklama .table-cell {height: 3.95rem;}
	.marketing-online-schools .table__body.smm,
	.marketing-online-schools .table__body.osnovy-marketinga,
	.marketing-online-schools .table__body.internet-reklama {max-height: calc(60% - 1.6rem);}
	.marketing-online-schools .table__body.kopiraiting .table-cell {height: 4.6rem;}
	.marketing-online-schools .table__body.rassylki .table-cell {height: 4rem;}
	.marketing-online-schools .table__body.rassylki .button-more {padding: 1rem 0 2rem; margin: 0;}

	.biznes-obuchenie-online-schools .table-cell {height: 4.72rem;}
	.biznes-obuchenie-online-schools .table__body {max-height: calc(60% - 1.6rem);}
	.biznes-obuchenie-online-schools .table__body.bukhgalteriya .table-cell {height: 4.3rem;}
	.biznes-obuchenie-online-schools .table__body.bukhgalteriya {max-height: calc(54% - 1.6rem);}

	.upravlenie-online-schools .table-cell {height: 4.22rem;}
	.upravlenie-online-schools .table__body.naim-i-upravlenie-personalom .table-cell {height: 3.88rem;}
	.upravlenie-online-schools .table__body.naim-i-upravlenie-personalom {max-height: calc(58% - 1.6rem);}

	.karera-i-rabota-online-schools .table-cell {height: 4.64rem;}
	.karera-i-rabota-online-schools .table__body {max-height: calc(60% - 1.6rem);}
	.karera-i-rabota-online-schools .table__body.karera-i-rabota .table-cell {height: 4.22rem;}
	.karera-i-rabota-online-schools .table__body.karera-i-rabota {max-height: calc(54% - 1.6rem);}
	.karera-i-rabota-online-schools .table__body.sozdanie-onlain-shkoly .table-cell {height: 4.98rem;}
	.karera-i-rabota-online-schools .table__body.sozdanie-onlain-shkoly {max-height: calc(52% - 1.6rem);}
	.karera-i-rabota-online-schools .table__body.kursy-dlya-turagentov .button-more {padding: 1.25rem 0 1.9rem; margin: 0;}

	.zdorove-online-schools .table-cell {height: 4.24rem;}
	.zdorove-online-schools .table__body {max-height: calc(63% - 1.6rem);}
	.zdorove-online-schools .table__body.pokhudeniye .table-cell {height: 4.74rem;}
	.zdorove-online-schools .table__body.pokhudeniye {max-height: calc(60% - 1.6rem);}
	.zdorove-online-schools .table__body .button-more {padding: 1.2rem 0 1.8rem; margin: 0;}

	.sport-online-schools .table-cell {height: 4.72rem;}
	.sport-online-schools .table__body.kursy-fitnes-trenerov .button-more {padding: 1.42rem 0 2rem; margin: 0;}
	.sport-online-schools .table__body.kursy-fitnes-trenerov {max-height: calc(72% - 1.6rem);}

	.foreign-languages-online-schools .table-cell {height: 4.68rem;}
	.foreign-languages-online-schools .table__body {max-height: calc(70% - 1.6rem);}
	.foreign-languages-online-schools .table__body.frantsuzskii-yazyk .button-more {padding: 1.1rem 0 2rem; margin: 0;}

	.tvorchestvo-i-khobbi-online-schools .table-cell {height: 4.42rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body {max-height: calc(56% - 1.6rem);}
	.tvorchestvo-i-khobbi-online-schools .table_filter.foto-i-video .table_checkbox {gap: 0.5rem 0.7rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body.foto-i-video .table-cell {height: 4.1rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body.foto-i-video {max-height: calc(52% - 1.6rem);}
	.tvorchestvo-i-khobbi-online-schools .table__body.kulinariya .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.dom-i-sad .table-cell {height: 4.74rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body.kulinariya,
	.tvorchestvo-i-khobbi-online-schools .table__body.dom-i-sad {max-height: calc(60% - 1.6rem);}

	.detyam-online-schools .table-cell {height: 4.57rem;}
	.detyam-online-schools .table__body {max-height: calc(46% - 1.6rem);}
	.detyam-online-schools .table__body.razvitie-rechi-dlya-detei .button-more {padding: 1.1rem 0 1rem; margin: 0;}

	.obrazovanie-online-schools .table-cell {height: 4.34rem;}
	.obrazovanie-online-schools .table__body {max-height: calc(74% - 1.6rem);}
	.obrazovanie-online-schools .table__body.shkola .table-cell {height: 4.24rem;}
	.obrazovanie-online-schools .table__body.shkola {max-height: calc(64% - 1.6rem);}
	.obrazovanie-online-schools .table__body.studentam .table-cell {height: 4.03rem;}
	.obrazovanie-online-schools .table__body.studentam {max-height: calc(70% - 1.6rem);}
}

@media (min-width: 1029px) {
	/*.categories-grid .grid-column li {padding: 0.02rem 0;}*/
	.business-finance_c1_r9 {margin: 4.2rem 0 0;}
    .business-finance_c2_r8 {margin: 6.2rem 0 0;}	
}	
@media (min-width: 1037px) {
	.tvorchestvo-i-khobbi-online-schools .table__body.risovanie .table-cell {height: 4.7rem;}
}
/*@media (min-width: 1045px) {
	.tvorchestvo-i-khobbi-online-schools .table__body.rukodelie .table-cell {height: 4.7rem;}
	.aktivnyi-otdykh-sport_c2_r23 {margin: 3.6rem 0 0;}
	.aktivnyi-otdykh-sport_c3_r22 {margin: 10.8rem 0 0;}
	.aktivnyi-otdykh-sport_c3_r31  {margin: 1.9rem 0 0;}
}
@media (min-width: 1050px) {
	.aktivnyi-otdykh-sport_c2_r23 {margin: 2rem 0 0;}	
	.aktivnyi-otdykh-sport_c3_r22 {margin: 9.3rem 0 0;}	
	.aktivnyi-otdykh-sport_c3_r31  {margin: 1.8rem 0 0;}
}	*/
@media (min-width: 1052px) {
	.iskusstvo-online-schools .table__body {max-height: calc(78% - 1.6rem);}
}
/*@media (min-width: 1071px) {
    .aktivnyi-otdykh-sport_c3_r22 {margin: 11.2rem 0 0;}
}*/
@media (min-width: 1075px) {
	.tvorchestvo-i-khobbi-online-schools .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.rukodelie .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.risovanie .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.kulinariya .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.dom-i-sad .table-cell {height: 4.3rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body,
	.tvorchestvo-i-khobbi-online-schools .table__body.kulinariya,
	.tvorchestvo-i-khobbi-online-schools .table__body.dom-i-sad {max-height: calc(64% - 1.6rem);}
	.tvorchestvo-i-khobbi-online-schools .table_filter.foto-i-video .table_checkbox {gap: 0.5rem 1rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body.foto-i-video .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.muzyka .table-cell {height: 4.02rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body.foto-i-video,
	.tvorchestvo-i-khobbi-online-schools .table__body.muzyka {max-height: calc(60% - 1.6rem);}

	th:nth-child(4),
	tr td:nth-child(4) {
		padding: 0 0 0 2rem; 
	}
	th:nth-child(5),
	tr td:nth-child(5) {
		padding: 0 0 0 3rem; 
	}
}
/*@media (min-width: 1077px) {
    .aktivnyi-otdykh-sport_c1_r10 {margin: 3.5rem 0 0;}
}*/	
@media (min-width: 1083px) {
	.tvorchestvo-i-khobbi_c2_r17 { margin: 9.4rem 0 0; }
}
@media (min-width: 1115px) {
	.marketing-online-schools .table-cell {height: 3.94rem;}
	.marketing-online-schools .table__body {max-height: calc(68% - 1.6rem);}
	.marketing-online-schools .table__body.smm .table-cell,
	.marketing-online-schools .table__body.osnovy-marketinga .table-cell,
	.marketing-online-schools .table__body.internet-reklama .table-cell {height: 4.33rem;}
	.marketing-online-schools .table__body.smm,
	.marketing-online-schools .table__body.osnovy-marketinga,
	.marketing-online-schools .table__body.internet-reklama {max-height: calc(64% - 1.6rem);}
	.marketing-online-schools .table__body.kopiraiting .table-cell {height: 4.05rem;}
	.marketing-online-schools .table__body.kopiraiting {max-height: calc(62% - 1.6rem);}
	.marketing-online-schools .table__body.blogging .button-more {padding: 0.7rem 0 2rem; margin: 0;}
}
@media (min-width: 1116px) {
	.psikhologiya-online-schools .table-cell {height: 4.3rem;}
    .psikhologiya-online-schools .table__body {max-height: calc(64% - 1.6rem);}
	.psikhologiya-online-schools .table__body.geshtalt-terapiya .button-more,
	.psikhologiya-online-schools .table__body.neiropsikhologiya .button-more {padding: 1rem 0 2rem; margin: 0rem;} 
}	
@media (min-width: 1125px) {
	.lichnostnyi-rost-online-schools .table-cell {height: 4.02rem;}
    .lichnostnyi-rost-online-schools .table__body {max-height: calc(70% - 1.6rem);}
	.lichnostnyi-rost-online-schools .table__body.samorazvitie {max-height: calc(62% - 1.6rem);}
	.lichnostnyi-rost-online-schools .table__body.samorazvitie .table-cell {height: 4.15rem;}
}
@media (min-width: 1145px) {
	.biznes-obuchenie-online-schools .table-cell {height: 4.22rem;}
	.biznes-obuchenie-online-schools .table__body {max-height: calc(64% - 1.6rem);}
	.biznes-obuchenie-online-schools .table__body.project-menedzhment .button-more {padding: 1rem 0 2rem; margin: 0rem;} 
	.biznes-obuchenie-online-schools .table__body.bukhgalteriya .table-cell {height: 4.7rem;}
	.biznes-obuchenie-online-schools .table__body.bukhgalteriya {max-height: calc(58% - 1.6rem);}
	
	th:first-child, 
	tr td:first-child {width: 23rem; padding: 0 0 0 2.2rem;}
	th:nth-child(2),
	tr td:nth-child(2) {padding: 0; display: table-cell;}
	th:nth-child(4), 
	tr td:nth-child(4) {padding: 0; transform: translateX(-1rem);}
	th:nth-child(5),
	tr td:nth-child(5) {padding: 0 0 0 1.5rem;}
}
@media (min-width: 1149px) {
	.detyam-online-schools .table-cell {height: 4.05rem;}
	.detyam-online-schools .table__body {max-height: calc(52% - 1.6rem);}
	.detyam-online-schools .table__body.obuchenie-chteniyu .button-more,
	.detyam-online-schools .table__body.risovanie-dlya-detei .button-more,
	.detyam-online-schools .table__body.dizayn-dlya-detei .button-more,
	.detyam-online-schools .table__body.detskoye-tvorchestvo .button-more {padding: 0.85rem 0 1rem; margin: 0;}
}
@media (min-width: 1168px) {
	.upravlenie-online-schools .table-cell {height: 4rem;}
	.upravlenie-online-schools .table__body {max-height: calc(68% - 1.6rem);}
	.upravlenie-online-schools .table__body.upravlenie .button-more {padding: 1rem 0 2rem; margin: 0rem;} 
	.upravlenie-online-schools .table__body.naim-i-upravlenie-personalom .table-cell {height: 4.3rem;}
	.upravlenie-online-schools .table__body.naim-i-upravlenie-personalom {max-height: calc(64% - 1.6rem);}
}
@media (min-width: 1173px) {
	.categories-grid.categories-aktivnyi-otdykh-sport {padding: 1.7rem 0 3.2rem 1rem;}
	.aktivnyi-otdykh-sport_c1_r30 {margin: 6.2rem 0 0;}
    .aktivnyi-otdykh-sport_c2_r23 {margin: 2rem 0 0;}
	.aktivnyi-otdykh-sport_c2_r30 {margin: 4.3rem 0 0;} 
	.aktivnyi-otdykh-sport_c3_r22 {margin: 9.3rem 0 0;}
	
}
@media (min-width: 1174px) {
	.it-razrabotka-online-schools .table-cell {height: 4.3rem;}
    .it-razrabotka-online-schools .table__body {max-height: calc(64% - 1.6rem);}
    .it-razrabotka-online-schools .table__body.programmirovanie .table-cell {height: 4.5rem;}
    .it-razrabotka-online-schools .table__body.programmirovanie {max-height: calc(56% - 1.6rem);}
    .it-razrabotka-online-schools .table__body.sozdanie-saitov .table-cell {height: 4.85rem;}
    .it-razrabotka-online-schools .table__body.sozdanie-saitov {max-height: calc(60% - 1.6rem);}
}
@media (min-width: 1181px) {
	.karera-i-rabota-online-schools .table-cell {height: 4.2rem;}    
	.karera-i-rabota-online-schools .table__body {max-height: calc(64% - 1.6rem);}
	.karera-i-rabota-online-schools .table__body.karera-i-rabota .table-cell,
	.karera-i-rabota-online-schools .table__body.sozdanie-onlain-shkoly .table-cell {height: 4.7rem;}
	.karera-i-rabota-online-schools .table__body.karera-i-rabota, 
	.karera-i-rabota-online-schools .table__body.sozdanie-onlain-shkoly {max-height: calc(58% - 1.6rem);}
    .karera-i-rabota-online-schools .table__body.osnovy-yurisprudentsii .button-more {padding: 1rem 0 2rem; margin: 0rem;} 
}
@media (min-width: 1182px) {
	.dizain-online-schools .table-cell {height: 4.75rem;}
	.dizain-online-schools .table__body {max-height: calc(70% - 1.6rem);}
	.dizain-online-schools .table__body.redaktory .table-cell {height: 4.15rem;}
	.dizain-online-schools .table__body.redaktory {max-height: calc(62% - 1.6rem);}
}
@media (min-width: 1183px) {
	.detyam-online-schools .table-cell {height: 4.59rem;}
	.detyam-online-schools .table__body {max-height: calc(58% - 1.6rem);}
}
@media (min-width: 1185px) {
	.finance-online-schools .table__body .table-cell {height: 4.4rem;}
	.finance-online-schools .table__body {max-height: calc(76% - 1.6rem);}
	.finance-online-schools .table__body.investirovanie .table-cell,
	.finance-online-schools .table__body.trading .table-cell {height: 4.58rem;}
    .finance-online-schools .table__body.investirovanie,
    .finance-online-schools .table__body.trading {max-height: calc(68% - 1.6rem);}
}
@media (min-width: 1191px) {
	.obrazovanie-online-schools .table__body.shkola .table-cell {height: 4.45rem;}
	.obrazovanie-online-schools .table__body.shkola {max-height: calc(66% - 1.6rem);}
}	
@media (min-width: 1193px) {
    .it-razrabotka-online-schools .table__body.programmirovanie .table-cell {height: 4.85rem;}
    .it-razrabotka-online-schools .table__body.programmirovanie {max-height: calc(60% - 1.6rem);}
}
@media (min-width: 1220px) {
	.marketing-online-schools .table__body.kopiraiting .table-cell {height: 4.35rem;}
	.marketing-online-schools .table__body.kopiraiting {max-height: calc(65% - 1.6rem);}
}
@media (min-width: 1245px) {
    .detyam-online-schools .table-cell {height: 4.6rem;}
    .detyam-online-schools .table__body {max-height: calc(58% - 1.6rem);}
}
@media (min-width: 1255px) {
    .lichnostnyi-rost-online-schools .table__body.samorazvitie .table-cell {height: 4.4rem;}
    .lichnostnyi-rost-online-schools .table__body.samorazvitie {max-height: calc(66% - 1.6rem);}
}
@media (min-width: 1259px) {
    .duhovnye-praktiki-online-schools .table__body.ezoterika .table-cell {height: 4.4rem;}
    .duhovnye-praktiki-online-schools .table__body.ezoterika {max-height: calc(66% - 1.6rem);}

}


@media (min-width: 1280px) {
	.desktop-title { display: inline; }
	.mobile-title { display: none; }

	.site-title h1.site-name,
	.site-title .content {
		font-size: 2rem;
	}	
	.categories-grid, .courses-grid, .professions-grid, .online-schools-grid {
		margin: 1rem 2rem 2rem 0;
	}
	.grid-body {
        padding: 0.7rem 1.5rem 0 1.2rem;
    }	
	.sidebar {
		margin: 1rem 0 2rem 2rem;
	}
	.sidebar-body-courses, .sidebar-body-schools {	
		width: 20rem;
	}
	.sidebar-tab {
		font-size: 1rem;
	}	
	.main, .sub {
		display: inline-block;
	}
	.sub {
		font-size: 0.9rem;	
	}
	
	/* Категории и Курсы */
	.sidebar-body-categories {
		width: 23rem;
	}
	.categories-grid, .courses-grid {
		padding: 1.7rem 0 2.83rem 2.2rem;
	}			
	.courses-grid.duhovnye-praktiki-courses {
		padding: 2rem 0 2.6rem 2.2rem;
	}	
	.tab-button[data-target] {
        order: 0 !important; 
    }	
	.professions-grid .grid-header {
        padding: 0 1rem 1rem 2rem;
    }

	.finance-courses .grid-column:nth-child(2),
	.finance-courses .grid-column:nth-child(3) {
		transform: translateX(2rem);
	}
    .biznes-obuchenie .grid-column:nth-child(2),
	.upravlenie .grid-column:nth-child(2),
	.karera-i-rabota .grid-column:nth-child(2) {
        transform: translateX(2rem);
    }   
    .biznes-obuchenie .grid-column:nth-child(3),
    .upravlenie .grid-column:nth-child(3),
    .karera-i-rabota .grid-column:nth-child(3) {
        transform: translateX(4rem);
    }

	.finance_c1-r10 { margin: 1.6rem 0 0; }
	.finance_c2-r9 { margin: 5.4rem 0 0; }
	.it-razrabotka_c2-r9 { margin: 2rem 0 0; }	
	.tvorchestvo-i-khobbi_c2_r17 { margin: 11rem 0 0; }
	.it-razrabotka_c3-r9 { margin: 2rem 0 0;}
	.it-razrabotka_c2-r12 {margin: 2.4rem 0 0;}
	.it-razrabotka_c2-r20 {margin: 2.18rem 0 0;}

    [data-target="it-razrabotka"] .grid-column:nth-child(3) li:nth-child(8) br { display: none; }
	[data-target="tvorchestvo-i-khobbi"] .grid-column:nth-child(2) li:nth-child(16) br { display: none; }

	/* Профессии */
	.professions-grid {
		padding: 2rem 0 2rem 1rem;
	}
	.professions-grid .sub.category {
        font-size: 0.78rem;
	}	
	.sidebar-body-professions {
		width: 23rem;
	}
	
	/* Онлайн-школы */
    th:first-child,
	tr td:first-child {width: 21rem; padding: 0 0 0 2.2rem;}
	th:nth-child(2),
	tr td:nth-child(2) {padding: 0 0 0 1rem; display: table-cell; }
	th:nth-child(3),
	tr td:nth-child(3) {display: table-cell; padding: 0;}
	th:nth-child(4), 
	tr td:nth-child(4) {padding: 0; transform: translateX(0);}
	th:nth-child(5),
	tr td:nth-child(5) {padding: 0 0 0 1rem;}

	.content-wrapper { 
		padding: 0 1rem 0 0;
	}

	.lichnostnyi-rost-online-schools .table__body.samorazvitie .table-cell { height: 4.15rem;}
    .lichnostnyi-rost-online-schools .table__body.samorazvitie {max-height: calc(62% - 1.6rem);}

    .duhovnye-praktiki-online-schools .table__body.ezoterika .table-cell {height: 4.15rem;}
    .duhovnye-praktiki-online-schools .table__body.ezoterika {max-height: calc(62% - 1.6rem);}

	.detyam-online-schools .table__body.razvitie-rechi-dlya-detei .button-more {padding: 2rem 0 2rem; margin: 1rem 0 1rem;}
}	



@media (min-width: 1440px) {
	.sidebar-header,
	.sidebar--categories .sidebar-header,
	.sidebar--courses .sidebar-header {
		padding: 1.2rem 1.2rem 0 2.4rem;
	}
	.grid-column li {
		padding: 0.2rem 0.6rem 0.2rem 0;
	}
	
	/* Категории и Курсы */
	/*.sidebar--categories,
	.categories-grid {height: 39rem;}
	#categories-container.visible {height: 40rem;}*/	

	.categories-grid .grid-header, 
	.categories-grid.categories-vakansii .grid-header,
	.courses-grid .grid-header {
		margin: 0 0 0.5rem;
	}
	.categories-grid .grid-body, 
	.courses-grid .grid-body {
        padding: 0.3rem 1.5rem 0 1.2rem;
	}	
	.categories-grid, .courses-grid,
	.courses-grid.duhovnye-praktiki-courses {
		padding: 1.2rem 0 2.4rem 2.2rem;
	}
	h2, .h2, h3, .h3 {
		font-size: 1.5rem;
		line-height: 2;
	}
	.main {
		font-size: 1.1rem;
	}		
	.sub {
		font-size: 1rem;	
	}
	.courses-grid .grid-column li {
		min-height: 2.3rem;
        height: auto;
	}
	.courses-grid.psikhologiya .grid-column li {
		line-height: 2.3;
	}	
    .it-razrabotka .grid-column:nth-child(2),
    .it-razrabotka .grid-column:nth-child(3) {
        transform: translateX(-2rem);
    }

	.courses-grid.duhovnye-praktiki-courses .grid-column li {padding: 0 0 0.35rem 0;}
	.courses-grid.zhenskie-courses .grid-column li,
	.courses-grid.it-razrabotka .grid-column li,
	.courses-grid.dizain .grid-column li,
	.courses-grid.tvorchestvo-i-khobbi .grid-column li {padding: 0 0 0.33rem 0;}
	.courses-grid.obrazovanie .grid-column li {padding: 0 0 0.34rem 0;}
	.courses-grid.karera-i-rabota .grid-column li {padding: 0 0 0.365rem 0;}
	.courses-grid.marketing .grid-column li {padding: 0 0 0.3rem 0;}

    .finance_c1-r10 { margin: 1.3rem 0 0; }
	.finance_c2-r9 { margin: 5.5rem 0 0; }
	.duhovnye-praktiki_c1-r12 { margin: 2rem 0 0; }
	.duhovnye-praktiki_c2-r10 { margin: 4.4rem 0 0; }
	.zhenskie-courses_c2-r5, 
	.zhenskie-courses_c2-r11,
	.zhenskie-courses_c3-r5 { margin: 2.2rem 0 0; }
    .it-razrabotka_c2-r12,
    .it-razrabotka_c2-r16,
    .it-razrabotka_c2-r20,
	.it-razrabotka_c2-r9 {margin: 3.6rem 0 0;}
	.it-razrabotka_c3-r9 { margin: 2.2rem 0 0; }
	.dizain_c2-r10 {margin: 1.25rem 0 0;}
	.dizain_c3	{ margin: 0.4rem 0 0; }
	.marketing_c2_r4 {margin: 2.35rem 0 0; }
	.marketing_c2_r9 { margin: 2.2rem 0 0; }
	.marketing_c3 { margin: 4.5rem 0 0; }
	.karera-i-rabota_c3 { margin: 2.3rem 0 0; }
	.zdorove_c2, .zdorove_c3 { margin: 2.3rem 0 0; }
	.tvorchestvo-i-khobbi_c2_r17 { margin: 11.2rem 0 0; }
	.tvorchestvo-i-khobbi_c3_r7 { margin: 4.5rem 0 0; }
	.obrazovanie_c2, .obrazovanie_c3 { margin: 2.1rem 0 0;}
	
	/* Профессии */	
	.sidebar--professions .sidebar-header {
		padding: 1.2rem 1.2rem 0.2rem 2.4rem;
	}
	.professions-grid .grid-header {
		padding: 1.2rem 1rem 0.8rem 2rem;
        margin: 0;
    }
	.professions-grid .grid-body .grid-column ul li a.sub.category {
        margin: 0rem 0 1.1rem 0;
	}	
	.professions-grid .grid-body {
        padding: 0 2rem;
    }
	.professions-grid {	
		padding: 0 0 2rem 0;			
	}
	.professions-grid .sub.category {
        font-size: 1rem;
        height: 3.6rem;
        padding: 0;
        margin: 0.5rem 0;
    }
	.professions-grid .grid-column li {
		padding: 0;
	}


	/* Онлайн-школы */
	.online-schools-grid .grid-header {
        padding: 0.8rem 1rem 1rem 0;
    }
	.sidebar--online-schools .sidebar-header {
        padding: 1.1rem 1.2rem 0.4rem 2.4rem;
    }

	.table__header {padding: 2.7rem 2rem 2.2rem;}
	.tabs {padding-left: 2.2rem;}
	.tab-button {font-size: 1rem;}

	.content-wrapper {padding: 0 3rem 0 0;}

    th:first-child,
	tr td:first-child {width: 27rem; padding: 0 1rem 0 2.2rem;}
	th:nth-child(2), 
	tr td:nth-child(2) {padding: 0;}
	th:nth-child(5), tr td:nth-child(5) {padding: 0 0 0 2rem;}

	section[class*="kouching"] th:first-child,
	section[class*="kouching"] td:first-child {width: 25rem;}
	
	.table_checkbox {padding: 1rem 2rem 0 2.2rem;}
    
    .table_checkbox,
	.table_sort th,
    .table__body {
		font-size: 0.9rem;
	}

    .finance-online-schools .table__body .table-cell {height: 4.3rem;}
    .finance-online-schools .table__body {max-height: calc(74% - 1.6rem);}
    .finance-online-schools .table__body.investirovanie .table-cell, 
    .finance-online-schools .table__body.trading .table-cell {height: 4.44rem;}
    .finance-online-schools .table__body.investirovanie, 
    .finance-online-schools .table__body.trading {max-height: calc(66% - 1.6rem);}

	.lichnostnyi-rost-online-schools .table-cell {height: 4.6rem;}
	.lichnostnyi-rost-online-schools .table__body.samorazvitie .table-cell {height: 4.22rem;}

	.duhovnye-praktiki-online-schools .table__body.ezoterika .table-cell,
	.duhovnye-praktiki-online-schools .table__body.vostochnie-praktiki .table-cell {height: 4.22rem;}
	.duhovnye-praktiki-online-schools .table-cell {height: 4.8rem;}

	.zhenskie-online-schools .table-cell {height: 5.17rem;}
	.zhenskie-online-schools .table__body.zhenskoe-zdorove .table-cell {height: 4.6rem;}

	.psikhologiya-online-schools .table-cell {height: 5rem;}

	.it-razrabotka-online-schools .table__body.programmirovanie .table-cell,
	.it-razrabotka-online-schools .table__body.sozdanie-saitov .table-cell {height: 4.55rem;}
	.it-razrabotka-online-schools .table__body.programmirovanie,
	.it-razrabotka-online-schools .table__body.sozdanie-saitov {max-height: calc(58% - 1.6rem);}
    .it-razrabotka-online-schools .table-cell {height: 5rem;}

	.analitika-online-schools .table__body .table-cell {height: 4.6rem;}

	.dizain-online-schools .table-cell {height: 4.6rem;}
	.dizain-online-schools .table__body.redaktory .table-cell {height: 4.22rem;}

    .marketing-online-schools .table-cell {height: 4.52rem;}
	.marketing-online-schools .table__body.kopiraiting .table-cell,
	.marketing-online-schools .table__body.smm .table-cell, 
	.marketing-online-schools .table__body.osnovy-marketinga .table-cell, 
	.marketing-online-schools .table__body.internet-reklama .table-cell {height: 5.05rem;}

	.biznes-obuchenie-online-schools .table-cell {height: 4.92rem;}
	.biznes-obuchenie-online-schools .table__body {max-height: calc(62% - 1.6rem);}
	.biznes-obuchenie-online-schools .table__body.bukhgalteriya .table-cell {height: 4.45rem;}
	.biznes-obuchenie-online-schools .table__body.bukhgalteriya {max-height: calc(56% - 1.6rem);}

	.upravlenie-online-schools .table-cell {height: 4.62rem;}
	.upravlenie-online-schools .table__body.naim-i-upravlenie-personalom .table-cell {height: 4.22rem;}
	.upravlenie-online-schools .table__body.naim-i-upravlenie-personalom {max-height: calc(62% - 1.6rem);}

    .karera-i-rabota-online-schools .table-cell {height: 5.02rem;}
	.karera-i-rabota-online-schools .table__body {max-height: calc(62% - 1.6rem);}
	.karera-i-rabota-online-schools .table__body.karera-i-rabota .table-cell, 
	.karera-i-rabota-online-schools .table__body.sozdanie-onlain-shkoly .table-cell {height: 4.6rem;}
    .karera-i-rabota-online-schools .table__body.karera-i-rabota, 
	.karera-i-rabota-online-schools .table__body.sozdanie-onlain-shkoly {max-height: calc(56% - 1.6rem);}
	.karera-i-rabota-online-schools .table__body.osnovy-yurisprudentsii .button-more {padding: 2rem 0; margin: 1rem 0;}

	.zdorove-online-schools .table-cell {height: 5.02rem;}
	.zdorove-online-schools .table__body.pokhudeniye .table-cell {height: 4.6rem;}
	.zdorove-online-schools .table__body.pokhudeniye {max-height: calc(56% - 1.6rem);}

	.foreign-languages-online-schools .table-cell {height: 4.6rem;}
	.foreign-languages-online-schools .table__body {max-height: calc(68% - 1.6rem);}

	.tvorchestvo-i-khobbi-online-schools .table-cell, 
	.tvorchestvo-i-khobbi-online-schools .table__body.rukodelie .table-cell, 
	.tvorchestvo-i-khobbi-online-schools .table__body.risovanie .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.muzyka .table-cell,
	.tvorchestvo-i-khobbi-online-schools .table__body.kulinariya .table-cell, 
	.tvorchestvo-i-khobbi-online-schools .table__body.dom-i-sad .table-cell {height: 5.18rem;}
	.tvorchestvo-i-khobbi-online-schools .table__body.foto-i-video .table-cell {height: 4.85rem;}

	.detyam-online-schools .table-cell {height: 4.45rem;}
	.detyam-online-schools .table__body {max-height: calc(54% - 1.6rem);}

	.obrazovanie-online-schools .table__body.studentam .table-cell {height: 4.72rem;}
	.obrazovanie-online-schools .table-cell {height: 5.1rem;}
}

/* Базовые стили для SVG иконок */
.icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    fill: rgb(255 0 0 / 0%); /* Можно убрать если используете цвет в самом SVG */
}
/* Размеры для разных мест */
.mobile-grid-item .icon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
/* Размеры для разных мест */
.sidebar-tab .icon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
/* Активные состояния */
.sidebar-tab.active .icon {
    fill: #4CAF50; /* Цвет для активного состояния */
}
.accordion-category-header .icon {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}


/* Стили для проблемных иконок */
/* it-sprite.svg */
/* it-php.svg */
.BlueViolet-main {fill: url(#BlueViolet-main);}
.BlueViolet-inner {fill: url(#BlueViolet-inner);}
.BlueViolet-eye {fill: url(#BlueViolet-main);}

/*it-unity-developer.svg*/
/* Альтернативный вариант с прямым указанием класса на path */
.PinkBlue {fill: url(#PinkBlue-gradient);}

/*it-linux*/
/* Стили для сложной иконки (оптимизировано) */
.complex-shadow {fill: url(#radial-shadow);}
/* Все бежевые элементы */
.complex-detail-1,
.complex-detail-3,
.complex-detail-4,
.complex-detail-7,
.complex-detail-8,
.complex-detail-14 {fill: url(#beige-vertical);}
/* Прозрачные белые элементы */
.complex-detail-2,
.complex-detail-9 {fill: url(#white-transparent-vertical);}
/* Блики в глазах */
.complex-detail-5,
.complex-detail-6 {fill: url(#white-highlight);}
/* Подбородок и боковые детали */
.complex-detail-10,
.complex-detail-11,
.complex-detail-12,
.complex-detail-16,
.complex-detail-17,
.complex-detail-18,
.complex-detail-20 {fill: url(#white-highlight);}
/* Хвосты (оранжево-желтые) */
.complex-detail-13,
.complex-detail-15 {fill: url(#orange-yellow-diagonal);}
/* Клюв */
.complex-detail-19 {fill: url(#orange-yellow-vertical);}

/*it-iOS*/
.iOS-shine {fill: url(#iOS-gradient);}

/*zdorove-i-blagopoluchie-sprite.svg*/
/* Градиент для sexologist */
.sexologist-icon {fill: url(#sexologist-gradient);}

/* tarot-reader иконки */
.tarot-bg {fill: #1D2E79;}
/* Синие элементы карт */
.tarot-blue0 {fill: url(#tarot-gradient0);}
.tarot-blue1 {fill: url(#tarot-gradient1);}
.tarot-blue2 {fill: url(#tarot-gradient2);}
.tarot-blue3 {fill: url(#tarot-gradient3);}
.tarot-blue17 {fill: url(#tarot-gradient17);}
.tarot-blue18 {fill: url(#tarot-gradient18);}
.tarot-blue19 {fill: url(#tarot-gradient19);}
/* Фиолетовые элементы */
.tarot-purple4 {fill: url(#tarot-gradient4);}
.tarot-purple5 {fill: url(#tarot-gradient5);}
.tarot-purple16 {fill: url(#tarot-gradient16);}
.tarot-purple20 {fill: url(#tarot-gradient20);}
.tarot-purple21 {fill: url(#tarot-gradient21);}
/* Желтые кружки - СПЛОШНОЙ ЦВЕТ БЕЗ ГРАДИЕНТОВ */
.tarot-yellow {fill: #FEDF30;}
/* Центральные желтые символы */
.tarot-yellow14 {fill: url(#tarot-gradient14);}
.tarot-yellow-shadow15 {fill: url(#tarot-gradient15);}
.tarot-yellow30 {fill: url(#tarot-gradient30);}

/* zdorove-i-blagopoluchie-rune-reader */
.rune-reader-bg {fill: #1D2E79;}
/* Основные части руны (розово-фиолетовые) */
.rune-reader-main-rune,
.rune-reader-branch,
.rune-reader-base,
.rune-reader-mirror,
.rune-reader-arrow {fill: url(#rune-reader-rune-gradient);}
/* Сердце/центр (уникальный градиент) */
.rune-reader-heart { fill: url(#rune-reader-heart-gradient);}
/* Внешние символы/руны (желто-оранжевые) */
.rune-reader-symbol-1,
.rune-reader-symbol-2,
.rune-reader-symbol-3,
.rune-reader-symbol-4,
.rune-reader-symbol-5,
.rune-reader-center-symbol {fill: url(#rune-reader-symbol-gradient);}

/* tvorcheskie-professii-creator */
/* Стили для иконки Creator */
.creator-head-main {fill: url(#creator-head-gradient);}
.creator-head-shadow {fill: url(#creator-head-shadow);}
.creator-neck {fill: url(#creator-neck-gradient);}
.creator-scarf-main {fill: url(#creator-scarf-gradient);}
.creator-scarf-shadow {fill: url(#creator-scarf-shadow);}
.creator-scarf-end {fill: url(#creator-scarf-end-gradient);}
.creator-body {fill: url(#creator-body-gradient);}
.creator-microphone-main {fill: url(#creator-microphone-gradient);}
.creator-blue-rays {fill: url(#creator-blue-rays-gradient);}
.creator-lightbulb {fill: url(#creator-lightbulb-gradient);}
.creator-blue-element {fill: url(#creator-blue-gradient);}
/* Опционально: добавьте тень микрофону */
.creator-microphone-shadow {fill: url(#creator-microphone-shadow);}