html {
    scroll-behavior: smooth;
  }
  .menu-toggle {
    display: none;
  }
  @media (max-width: 768px) {
    .mobile-menu {
      display: none;
    }
    .menu-toggle {
      display: block;
    }
  }
  .fade-in {
    animation: fadeIn 1s ease-in-out;
  }
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .scrollbar-hide::-webkit-scrollbar {
    display: none;
  }
  .scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .active-category {
    background-color: #3b82f6 !important;
    color: white !important;
  }