.topHeader {
     border-top: 5px solid #c20044;
     background-color: var(--primaryColor);
 }

 .topHeader * {
     color: #fff;

 }

 .topHeader a:hover {
     filter: contrast(0.5);
 }

 .expert-category:hover {
     background-color: #f1f1f1;
 }

 /* Hiyerarşik Kategori Sistemi Stilleri */
 .category-tree {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .category-tree ul {
     list-style: none;
     padding-left: 0;
     margin: 0;
 }

 .category-item {
     border-bottom: 1px solid #e9ecef;
 }

 .category-link {
     display: flex;
     justify-content: start;
     align-items: center;
     padding: 0.75rem 1rem;
     color: #495057;
     text-decoration: none;
     font-weight: 500;
     transition: all 0.2s ease;
     border-right: 3px solid transparent;
 }

 .category-link:hover {
     background-color: #e9e9e9;
     color: #212529;
     text-decoration: none;
 }

 .category-link.active {

     color: var(--primaryColor);
     border-color: var(--primaryColor);
     font-weight: 600;
 }

 .category-link.active .category-name {
     color: var(--primaryColor);
 }



 .subcategories {
     background-color: #f8f9fa;
 }

 .subcategories .category-link {
     padding-left: 1.5rem;
     font-size: 0.9rem;
 }

 .subcategories .subcategories .category-link {
     padding-left: 2rem;
     font-size: 0.85rem;
 }

 .subcategories .subcategories .subcategories .category-link {
     padding-left: 2.5rem;
     font-size: 0.8rem;
 }

 .subcategories.collapsed {
     display: none;
 }

 .subcategories.expanded {
     display: block;
 }

 /* Kategori seviyesi göstergeleri - Bootstrap Icons ile */
 .category-item .category-link .category-icon {
     margin-right: 0.5rem;
     font-size: 0.875rem;
     color: #6c757d;
     width: 16px;
     text-align: center;
 }

 .category-link.active .category-icon {
     color: var(--primaryColor);
 }

 /* Alt kategorisi olan kategoriler için toggle butonu */
 .category-toggle {
     font-size: 0.75rem;
     transition: all 0.2s ease;
     cursor: pointer;
     padding: 4px 6px;
     border-radius: 4px;
     user-select: none;
     min-width: 28px;
     height: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: auto;
 }



 .category-link.has-children {
     cursor: pointer;
 }

 .category-link.has-children:hover .category-toggle {
     color: #495057;
 }

 /* Responsive tasarım */
 @media (max-width: 768px) {
     .category-link {
         padding: 0.75rem 1rem;
         font-size: 0.95rem;
     }

     .subcategories .category-link {
         padding-left: 1.5rem;
     }

     .subcategories .subcategories .category-link {
         padding-left: 2rem;
     }

     /* Mobil kategoriler dropdown için */
     #mobileCategories .expert-categories {
         max-height: 300px;
         overflow-y: auto;
     }

     .category-toggle {
         min-width: 36px;
         height: 36px;
         font-size: 0.8rem;
     }
 }

 @media (min-width: 1200px) {

     .container {
         padding: 0 40px;
     } .container {
        margin: 0;
        max-width: 100%;
   
    }
 }