.vm-category-nav {
    border-bottom: 1px solid #eee;
    padding: 20px 10px;
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  }
  .vm-nav-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .vm-nav-list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px; 
    flex-wrap: wrap; 
  }

  .vm-cat-link {
    display: flex; 
    align-items: center;
    gap: 6px; 
    text-decoration: none;
    color: #222;
    font-size: 14px;
    padding: 6px 12px; 
    border-radius: 50px; 
    border: 1px solid #cccccc;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(211, 47, 47, 0.15);
    white-space: nowrap; 
  }

  .vm-cat-link i {
    font-size: 14px;
    transition: color 0.2s;
  }

  .vm-cat-link:hover {
    background-color: #fff;
    border-color: #D32F2F;
    color: #D32F2F;
    box-shadow: 0 2px 8px rgba(211, 47, 47, 0.15);
  }
  
  .vm-cat-link:hover i {
    color: #D32F2F !important; 
  }

  .vm-more-item {
    margin-left: auto;
  }
  
  @media (max-width: 768px) {
    .vm-more-item {
      margin-left: 0; 
    }
  }

  .more-btn {
    background-color: #fff;
    border: 1px solid #ddd;
  }

  .icon-pink   { color: #ec407a; } 
  .icon-green  { color: #43a047; } 
  .icon-purple { color: #ab47bc; } 
  .icon-orange { color: #fb8c00; } 
  .icon-blue   { color: #1e88e5; } 
  .icon-sky    { color: #039be5; } 
  .icon-indigo { color: #3949ab; } 
  .icon-red    { color: #e53935; } 
  .icon-cyan   { color: #00acc1; } 
  .icon-rose   { color: #ff5252; } 
  .icon-gray   { color: #546e7a; }