/* Search form */
.search-form {
  flex: 1;
  display: flex;
  max-width: 520px;
}

.search-form input {
  flex: 1;
  padding: 8px 14px;
  border: 1px solid #d0d0d0;
  border-right: none;
  border-radius: 6px 0 0 6px;
  font-size: 0.9rem;
  outline: none;
  background: #fafafa;
  color: #1a1a1a;
  transition: border-color 0.15s;
}

.search-form input:focus {
  border-color: #0f6fd1;
  background: #fff;
}

.search-form button {
  padding: 8px 16px;
  background: #0f6fd1;
  color: #fff;
  border: 1px solid #0f6fd1;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  transition: background 0.15s;
  white-space: nowrap;
}

.search-form button:hover { background: #0a5cb5; border-color: #0a5cb5; }

@media (max-width: 768px){

.search-form { max-width: 100%; order: 3; flex-basis: 100%; }

    .search-form input {
        width: 100%;
    }

}