/* ====== SIDEBAR & SEARCH ====== */
.sidebar-search, .sidebar-categories {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.sidebar-search input:focus {
  box-shadow: 0 0 0 4px rgba(255,105,180,0.2);
}
.sidebar-categories {
  scrollbar-width: thin;
  scrollbar-color: rgba(255,105,180,0.4) transparent;
}
.sidebar-categories::-webkit-scrollbar {
  width: 6px;
}
.sidebar-categories::-webkit-scrollbar-thumb {
  background: rgba(255,105,180,0.4);
  border-radius: 10px;
}
.sidebar-categories::-webkit-scrollbar-thumb:hover {
  background: rgba(255,105,180,0.6);
}

/* ====== AGE FILTER CHIPS ====== */
.category-chip {
  padding: 10px 18px;
  border-radius: 50px;
  background: white;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  text-decoration: none;
  color: #4b5563;
  border: 2px solid #e5e7eb;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-block;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.category-chip:hover {
  background: linear-gradient(135deg, #fff5f9, #f3f0ff);
  border-color: #ff69b4;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(255, 105, 180, 0.15);
}
.category-chip.active-chip {
  background: linear-gradient(135deg, #ff69b4, #ffb6c1);
  color: white;
  border-color: #ff69b4;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(255, 105, 180, 0.32);
}

/* ====== SIDEBAR CATEGORIES ====== */
.sidebar-category.active-sidebar:hover {
  transform: scale(1.05);
  box-shadow: 0 30px 80px rgba(255, 105, 180, 0.6);
}