/* --- Сайдбар (Меню) --- */
        .sidebar-container { padding-top: 20px;
            width: 300px; /* Ширина меню на десктопе */
           
           
            flex-shrink: 0;
            
            position: sticky;
            top: 0;
            overflow-y: auto;
            transition: transform 0.3s ease;
        }

.mobile-catalog-list {border-radius: 12px; overflow: hidden;}


        /* Основной контент страницы (для примера) */
        .main-content {
            flex-grow: 1;
            padding: 40px;
        }
    #navbar.hidden { top: 0!important; }
        /* --- Кнопка "Каталог" (видна только на мобильных) --- */
        .mobile-catalog-btn {
			color: var(--color-blue);
            display: none; 
            position: fixed;
            top: 13px;
            left: 50px;
            z-index: 900;
            padding: 10px 20px;
            background-color: #fff;
            width: 191px;
            border: none;
            border-radius: 5px;
        
            cursor: pointer;
           
        }

         .burger-menu {
        border-radius: 12px;
        /* background: rgba(72, 96, 143, 0.80); */
        /* padding: 8px; */
    }

        .close-btn {
            font-size: 28px;
            cursor: pointer;
            line-height: 1;
            color: #333;
            padding: 5px;
        }

        /* --- Список меню --- */
        .mobile-catalog-list, .catalog-sublist {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        /* --- Элементы меню (аккордеон) --- */
        .catalog-item-wrapper {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            cursor: pointer;
            transition: background-color 0.2s;
            font-weight: 500;
            user-select: none;
			    align-items: flex-start;
        }
		
		.catalog-sublist.level-2 {padding-top: 20px;  padding-bottom: 16px;    background-color: #E1E4EC;}

        .accordion-icon {
            font-size: 14px;
            transition: transform 0.3s ease;
           
            flex-shrink: 0;
            margin-left: 4px; 
        }

        /* --- Стили для 1 уровня (Группы) --- */
        .level-1-item {
            background-color: #003399; /* #039 */
            color: #ffffff !important;
            
       
        }
		
			.level-1-item-link { color: #ffffff; text-decoration: none;} 
			.level-1-item-link:hover, .level-1-item-link.active {color: var(--color-accent-yellow);}
		.level-1-item-link.active{text-decoration: underline; }
        .level-1-item .accordion-icon {
            color: #ffffff;
            opacity: 1;
        }
		
		
		
		
		.accordion-icon svg {vertical-align: middle; transform: rotate(180deg);}

        /* --- Стили для 2 уровня (Разделы) --- */
        .level-2-item {
            background-color: #E1E4EC;
            color: #241B3E !important;
			padding: 4px 20px;
           
           
        }
		.level-2-item-link { color: #241B3E; text-decoration: none; font-weight: 400;} 
			.level-2-item-link:hover, .level-2-item-link.active  {color: var(--color-blue);}
			
				.level-2-item-link.active{text-decoration: underline; }
        .level-2-item .accordion-icon {
            color: #241B3E;
        }
		
		li.catalog-level-3::before {
    content: "•";
    color: var(--color-gray-medium);
    margin-right: 8px;
}
.catalog-level-3 {padding: 4px 20px 4px 30px;}
.catalog-sublist.level-3{    padding: 4px 0 4px 0;}

	.catalog-sublist.level-3 {     background-color: #E1E4EC;}

        /* --- Стили для 3 уровня (Ссылки) --- */
        .level-3-item-link {
           
           
            color: #6B717D;
            text-decoration: none;
            font-size: 16px;
          font-weight: 400;
            transition: background-color 0.2s;
        }
		.level-3-item-link:hover,	.level-3-item-link.active {color: var(--color-main-1);}
		.level-3-item-link.active{text-decoration: underline; }
		
		
		
	.products-table-section {
    
	margin-top: 20px; 
	padding: 40px;
	background: #fff;
   border-radius: 24px;
}



/* 1. Настройка самого скроллбара (ширина/высота) */
.table-wrapper::-webkit-scrollbar { 
    height: 16px; /* Высота горизонтального скролла */
     /* Ширина вертикального, если будет */
}

/* 2. Полоса прокрутки (фон/трек) */
.table-wrapper::-webkit-scrollbar-track { 
   background: rgba(160, 173, 198, 0.20); /* Светло-серый фон трека */
    border-radius: 13px; /* Скругление углов трека */
}

/* 3. Ползунок (сам элемент, который двигаем) */
.table-wrapper::-webkit-scrollbar-thumb {
    background: var(--color-blue-light); /* Цвет ползунка (можно сделать темнее при наведении) */
    border-radius: 13px;
     /* Отступ от краев, если нужен "висящий" ползунок */
}

/* 4. Ползунок при наведении (hover) */
.table-wrapper::-webkit-scrollbar-thumb:hover {
     background: var(--color-blue-light); /* Цвет при наведении */
}

/* --- Для Firefox (стандарт) --- */
	
		
		
		
		
		  @media (max-width: 1024px) { 
		  
		  .products-table-section { padding: 20px;}
		  
		  
		  .catalog .head-bg .container .banner { margin-bottom: 0px; }
		  .sidebar-container {
  
    width: 240px;
    
}

.category-header img {
max-width: 150px; padding: 10px; }
		  
		  }
		  
	



	.product-detail .category-header img {max-width: 100%; }
		
      .mobile-menu-header.h2 {display: none;}
	  
/* Базовое состояние стрелки */
.accordion-icon {
    cursor: pointer;
    transform-origin: center;
    transition: transform 0.3s ease; /* Плавный поворот */
}

/* Базовое состояние списка (скрыт) */
.catalog-sublist {
    display: none;
}

/* СОСТОЯНИЕ OPEN */

/* 1. Вращаем стрелку, когда у обертки есть класс open */
.open > .catalog-item-wrapper .accordion-icon {
    transform: rotate(180deg);
}

/* 2. Показываем список, когда у предыдущего элемента (обертки) есть класс open */
.catalog-level-1.open  .catalog-sublist.level-2 {
    display: block;
}	

.catalog-level-2.open  .catalog-sublist.level-3 {
    display: block;
}  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	   .product-detail {}

        /* ========================================= */
        /* АДАПТИВНОСТЬ (МОБИЛЬНАЯ ВЕРСИЯ) */
        /* ========================================= */
        @media (max-width: 768px) {
			
			
			
			.product-row.t2 {font-size: var(--mob-t2-font-size);}
			.products-table .t1 {font-size: var(--mob-t1-font-size);}
			.category-group-title {text-align: left;}
			  .catalog-layout {
    flex-direction: column;
  }

  .catalog-sidebar {
    display: none; /* Скрываем боковое меню на мобильных */
  }

  .catalog-content {
    padding: 0px;
	margin-top: 20px;
  }

  .category-header {
    flex-direction: column;
    align-items: stretch;
  }

  .category-header img {
    width: 100%;
    max-width: 150px;
	padding: 10px;
   
  }
  
   .category-img-wrap {background: var(--color-bg-offwhite);
    display: flex;
  justify-content: center; border-radius: 8px;}
  

    .catalog-product .category-img-wrap { background: #fff; border: 1px solid rgba(160, 173, 198, 0.30);}
	.catalog-product .category-img-wrap img {border: none;}
	
    .catalog-product .readmore .btn-blue-transparent,.catalog-product .readmore {width: 100%;}
  
			.level-2-item.t2 { font-size: var(--mob-t2-font-size);}
			.catalog-level-3 a{ font-size: var(--mob-t3-font-size);}
			.mobile-catalog-list {border-radius: 0;}
			#navbar {margin-top: 0px;  background: rgba(72, 96, 143, 0.80);}
			.header-content {border-radius: 0px;   background: transparent;     justify-content: flex-end; padding: 19px 20px; } 
			.header-content>.logo,.btn-contact {display: none;}
			    
			.catalog .head-bg .container .banner { margin-bottom: 10px; }
			
           

            .page-wrapper {
                display: block;
            }

            .sidebar-container {
				display: block;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 9999;
                transform: translateX(-100%); /* Скрываем меню за левой границей */
                border-right: none;
            }
			
			 .mobile-menu-header.h2 { display: flex; font-size: var(--mob-h2-font-size); padding: 20px 24px 24px 24px; margin-bottom: 0px;}

            .sidebar-container.active {
				padding-top: 0px;
                transform: translateX(0); /* Показываем меню */
				background: var(--color-bg-offwhite);
            }

            .mobile-catalog-btn {
                display: block; /* Показываем кнопку */
            }

            .mobile-menu-header {
                display: flex; /* Показываем шапку с крестиком */
            }
            
            /* Убираем липкость на мобильном, так как меню фиксировано */
            .sidebar-container {
                position: fixed; 
            }
			
			.category-group-title {
    margin: 20px 0 32px 0;
}
			
			
        }
		
	@media (max-width: 600px)	{	
				.category-group-title {
    margin: 20px 0 20px 0;
}
	
	
		      .burger-menu {
        border-radius: 0px;
        background: none; 
         padding: 0px; 
		}}
	
		
		
		@media (max-width: 450px) {
			
			section.catalog-page {
    margin-top: 35px;
}
			
			.mobile-catalog-btn {
font-weight: 700;
		left: 25px;}
		
		.product-order .t2 {font-size: var(--mob-t2-font-size);}
		
		
		.sauto-gallery-main {
        width: 100%;
        height: 270px;
    }
		
		}