.search-container {
  background: #f8fafc;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  max-width: 900px;
}
.search-form { width: 100%; }
.search-wrapper {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.search-input-container { position: relative; flex: 1; min-width: 450px; }
.search-icon {
  position: absolute; left: 1rem; top: 50%;
  transform: translateY(-50%); color: #c7ebfd; font-size: 1.1rem; z-index: 2;
}
.search-input {
  width: 100%; padding: 1rem 1rem 1rem 3rem;
  border: 2px solid #c7ebfd; border-radius: 0.75rem;
  font-size: 1rem; font-weight: 400; background: #ffffff;
  transition: all 0.3s ease; outline: none;
}
.search-input:focus {border-color:transparent; box-shadow: 0 0 0 2px #38bdf833; transform: translateY(-1px); }
.search-input::placeholder { color: #9ca3af; font-weight: 400; }
.search-suggestions {
  position: absolute; top: 100%; left: 0; right: 0; background: white;
  border: 1px solid #e5e7eb; border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 100; max-height: 200px;
  overflow-y: auto; display: none;
}
.suggestion-item {
  padding: 0.75rem 1rem; border-bottom: 1px solid #e5e7eb; cursor: pointer;
  display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;
}
.suggestion-item:hover { background-color: #f0f9ff; }
.category-container { position: relative; min-width:max-content; }
.category-select {
  width: 100%; padding: 1rem 2.5rem 1rem 1.5rem;color:#9ca3af; border: 2px solid #c7ebfd; border-radius: 0.75rem;
  font-size: 1rem; font-weight: 400; background: #ffffff; cursor: pointer; outline: none; appearance: none; transition: all 0.3s ease;
}
.category-select:focus { border-color:transparent; box-shadow: 0 0 0 2px #38bdf833; }
.category-arrow {
  position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);
  color: #9ca3af; font-size: 0.9rem; pointer-events: none;
}
.search-button {
  display: flex; align-items: center; gap: 0.5rem; padding: 1rem 2rem!important;
  background: linear-gradient(135deg, #ff0089, #e6007a); color: white; border: none; border-radius: 0.75rem!important;
  font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; min-width: 120px; justify-content: center;
}
.search-button:hover { background: linear-gradient(135deg, #e6007a, #cc006b); transform: translateY(-2px); }
@media (max-width: 768px) {
  .search-wrapper { flex-direction: column; }
  .search-input-container{ min-width:auto; }
}
/* Toast */
.cps-toast {
  position: fixed; top: 20px; right: 20px; background: #3b82f6; color: white; padding: 1rem 1.5rem;
  border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); display: flex; align-items: center; gap: 0.5rem;
  z-index: 1000; transform: translateX(100%); transition: transform 0.3s ease;
}
.cps-toast.show { transform: translateX(0); }
.cps-toast.success { background: #10b981; }
.cps-toast.warning { background: #f59e0b; }
.cps-toast.info { background: #3b82f6; }