/* Filter Bar Styles */
    .filter-bar {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin: 20px auto;
      flex-wrap: wrap;
      max-width: 1200px;
      padding: 0 15px;
    }
    
    .filter-btn {
      padding: 8px 16px;
      background: var(--btn);
      border: none;
      border-radius: 20px;
      cursor: pointer;
      transition: all 0.3s;
    }
    
    .filter-btn:hover {
      background: var(--boder);
    }
    
    .filter-btn.active {
      background: var(--primary-color);
      color: var(--text-light);
    }