<style>
		/* Стили для улучшенной шапки */
		.site-header {
			position: relative;
			background: #fff;
			box-shadow: 0 2px 20px rgba(28, 169, 201, 0.15);
		}

		.top-header {
			background: linear-gradient(135deg, #1CA9C9, #2BB8D9);
			padding: 8px 0;
			color: white;
		}

		.header-online {
			font-size: 14px;
			font-weight: 600;
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.header-online i {
			color: #4ade80;
			animation: pulse 2s infinite;
		}

		@keyframes pulse {
			0%, 100% { opacity: 1; }
			50% { opacity: 0.7; }
		}

		.header-controls {
			display: flex;
			gap: 12px;
			align-items: center;
			justify-content: flex-end;
		}

		.btn-login {
			background: rgba(255,255,255,0.2);
			border: 1px solid rgba(255,255,255,0.3);
			color: white;
			padding: 6px 16px;
			border-radius: 20px;
			font-size: 14px;
			font-weight: 500;
			transition: all 0.3s ease;
			text-decoration: none;
			white-space: nowrap;
		}

		.btn-login:hover {
			background: rgba(255,255,255,0.3);
			transform: translateY(-1px);
			color: white;
			text-decoration: none;
		}

		.btn-register {
			background: #10b981;
			border: none;
			color: white;
			padding: 8px 20px;
			border-radius: 20px;
			font-size: 14px;
			font-weight: 600;
			transition: all 0.3s ease;
			box-shadow: 0 2px 10px rgba(16, 185, 129, 0.3);
			text-decoration: none;
			white-space: nowrap;
		}

		.btn-register:hover {
			background: #059669;
			transform: translateY(-2px);
			box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
			color: white;
			text-decoration: none;
		}

		.nav-logo img {
			height: 40px;
			transition: transform 0.3s ease;
		}

		.nav-logo img:hover {
			transform: scale(1.05);
		}

		/* Убираем основную навигационную панель */
		.main-navbar {
			display: none !important;
		}

		.nav-tabs-container {
			background: #f8fafc;
			border-bottom: 1px solid #e5e7eb;
		}

		/* Мобильная версия навигации - грид 2x2 */
		.nav-tabs-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 1px;
			background: #e5e7eb;
		}

		.nav-tab {
			background: #f8fafc;
			padding: 12px 8px;
			color: #6b7280;
			font-weight: 500;
			font-size: 13px;
			text-decoration: none;
			text-align: center;
			transition: all 0.3s ease;
			white-space: nowrap;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 6px;
			border: none;
		}

		.nav-tab:hover {
			color: #1CA9C9;
			background: rgba(28, 169, 201, 0.05);
			text-decoration: none;
		}

		.nav-tab.active {
			color: #1CA9C9;
			background: rgba(28, 169, 201, 0.08);
			font-weight: 600;
		}

		.nav-tab i {
			font-size: 14px;
		}

		.tab-badge {
			background: #ef4444;
			color: white;
			font-size: 10px;
			padding: 2px 6px;
			border-radius: 10px;
			margin-left: 4px;
			font-weight: 600;
		}

		
				/* Десктопная версия навигации */
		.nav-tabs-scroll {
			display: flex;
			overflow-x: auto;
			padding: 0;
			scrollbar-width: none;
			-ms-overflow-style: none;
		}

		.nav-tabs-scroll::-webkit-scrollbar {
			display: none;
		}

		.nav-tab-desktop {
			flex: 0 0 auto;
			padding: 12px 20px;
			color: #6b7280;
			font-weight: 500;
			font-size: 14px;
			text-decoration: none;
			border-bottom: 2px solid transparent;
			transition: all 0.3s ease;
			white-space: nowrap;
			display: flex;
			align-items: center;
			gap: 8px;
		}

		.nav-tab-desktop:hover {
			color: #1CA9C9;
			background: rgba(28, 169, 201, 0.05);
			text-decoration: none;
		}

		.nav-tab-desktop.active {
			color: #1CA9C9;
			border-bottom-color: #1CA9C9;
			background: rgba(28, 169, 201, 0.08);
		}
		
				/* Убираем кнопку мобильного меню и дополнительные кнопки */
		.mobile-menu-btn,
		.btn-login.d-none.d-md-inline-flex {
			display: none !important;
		}

		/* Адаптивность для мобильных */
		@media (max-width: 768px) {
			.top-header .container-fluid {
				padding: 0 15px;
			}
			
			.header-controls {
				gap: 8px;
			}
			
			.btn-login, .btn-register {
				padding: 6px 12px;
				font-size: 12px;
			}
			
			.header-online {
				font-size: 12px;
				gap: 4px;
			}
			
			.nav-logo img {
				height: 35px;
			}
			
			.nav-tab {
				padding: 10px 6px;
				font-size: 12px;
				gap: 4px;
			}
			
			.nav-tab i {
				font-size: 12px;
			}
			
			.tab-badge {
				font-size: 9px;
				padding: 1px 4px;
			}
		}

		/* Переключение между мобильной и десктопной версией навигации */
		@media (min-width: 769px) {
			.nav-tabs-grid {
				display: none !important;
			}
			
			.nav-tabs-scroll {
				display: flex !important;
			}
		}

		@media (max-width: 768px) {
			.nav-tabs-scroll {
				display: none !important;
			}
			
			.nav-tabs-grid {
				display: grid !important;
			}
		}

		/* Модальное окно категорий */
		.categories-modal {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.7);
			z-index: 9999;
			backdrop-filter: blur(5px);
		}
		
		.categories-modal.active {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.categories-modal-content {
			background: white;
			border-radius: 16px;
			width: 90%;
			max-width: 800px;
			max-height: 80vh;
			overflow-y: auto;
			box-shadow: 0 20px 60px rgba(0,0,0,0.3);
			animation: modalAppear 0.3s ease-out;
		}
		
		@keyframes modalAppear {
			from {
				opacity: 0;
				transform: scale(0.9) translateY(-20px);
			}
			to {
				opacity: 1;
				transform: scale(1) translateY(0);
			}
		}
		
		.categories-modal-header {
			padding: 20px 25px;
			border-bottom: 1px solid #e9ecef;
			background: linear-gradient(135deg, #1CA9C9, #2BB8D9);
			color: white;
			border-radius: 16px 16px 0 0;
		}
		
		.categories-modal-body {
			padding: 25px;
		}
		
		.categories-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
			gap: 10px;
		}
		
		.category-modal-item {
			display: block;
			padding: 12px 15px;
			background: #f8f9fa;
			border: 1px solid #e9ecef;
			border-radius: 8px;
			text-decoration: none;
			color: #333;
			transition: all 0.3s ease;
			font-weight: 500;
		}
		
		.category-modal-item:hover {
			background: #1CA9C9;
			color: white;
			transform: translateY(-2px);
			box-shadow: 0 4px 12px rgba(28, 169, 201, 0.3);
			text-decoration: none;
		}
		
		.close-modal {
			background: none;
			border: none;
			color: white;
			font-size: 24px;
			cursor: pointer;
			float: right;
			line-height: 1;
		}
		
		/* Убираем все отступы */
		main.container-fluid {
			margin-top: 0px !important;
			padding-top: 0px !important;
		}
		
		
</style>